From 13a9baa175e15963c15e9aeeb4045158972b7025 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 8 Mar 2025 20:24:28 +0100
Subject: [PATCH] chore: inputs section button layout

---
 src/components/sections/InputsSection.vue | 14 ++++++++------
 src/locales/en.json                       |  4 +++-
 src/locales/pl.json                       |  4 +++-
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/sections/InputsSection.vue b/src/components/sections/InputsSection.vue
index 2dfd50e..033c9c1 100644
--- a/src/components/sections/InputsSection.vue
+++ b/src/components/sections/InputsSection.vue
@@ -1,9 +1,9 @@
 <template>
   <section class="inputs-section">
     <div class="input_container">
-      <h2 class="input_header">{{ $t('inputs.title') }}</h2>
-
       <div class="input_list type">
+        <label for="cargo-select">{{ $t('inputs.vehicles-title') }}</label>
+
         <div class="vehicle-types locos">
           <button
             v-for="locoType in locomotiveTypeList"
@@ -35,6 +35,8 @@
       </div>
 
       <div class="input_list type">
+        <label for="cargo-select">{{ $t('inputs.carwagons-title') }}</label>
+
         <div class="vehicle-types carwagons">
           <button
             v-for="carType in carTypeList"
@@ -235,10 +237,6 @@ export default defineComponent({
   max-width: 380px;
 }
 
-.input_header {
-  margin-bottom: 1em;
-}
-
 button.btn--choice {
   font-size: 0.9em;
   padding: 0.3em 0.6em;
@@ -286,6 +284,10 @@ button.btn--choice {
   gap: 0.25em;
 
   margin-bottom: 0.5em;
+
+  button {
+    width: 100%;
+  }
 }
 
 @media screen and (max-width: global.$breakpointMd) {
diff --git a/src/locales/en.json b/src/locales/en.json
index a31569f..054a473 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -12,7 +12,9 @@
     "title": "CHOOSE A VEHICLE",
     "input-vehicle": "Choose a traction unit",
     "input-carwagon": "Choose a carriage",
-    "cargo-title": "Cargo (only selected freight cars)",
+    "vehicles-title": "Traction units",
+    "carwagons-title": "Car wagons",
+    "cargo-title": "Available cargo",
     "no-cargo-available": "no cargo available",
     "cargo-empty": "empty",
     "loco-electric": "ELECTR.",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index e4c69b7..7a78c82 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -12,7 +12,9 @@
     "title": "WYBIERZ POJAZD",
     "input-vehicle": "Wybierz pojazd trakcyjny",
     "input-carwagon": "Wybierz wagon",
-    "cargo-title": "Ładunek (tylko wybrane towarowe)",
+    "vehicles-title": "Pojazdy trakcyjne",
+    "carwagons-title": "Wagony",
+    "cargo-title": "Dostępne ładunki",
     "no-cargo-available": "brak dostępnych ładunków",
     "cargo-empty": "próżny",
     "loco-electric": "ELEKTR.",