From c1c01c496af812f3af63d8171ca6be828a04f234 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 23 Aug 2023 22:54:17 +0200
Subject: [PATCH] =?UTF-8?q?poprawki=20w=20widoku=20sk=C5=82adu;=20t=C5=82u?=
 =?UTF-8?q?maczenia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sections/StockSection.vue |  2 +-
 src/components/tabs/StockListTab.vue     | 69 +++++++++++++-----------
 src/locales/en.json                      |  1 +
 src/locales/pl.json                      |  1 +
 4 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/src/components/sections/StockSection.vue b/src/components/sections/StockSection.vue
index 33c6a57..f50e070 100644
--- a/src/components/sections/StockSection.vue
+++ b/src/components/sections/StockSection.vue
@@ -103,7 +103,7 @@ function chooseSection(sectionId: SectionMode) {
 
   gap: 0.5em;
 
-  margin-bottom: 0.5em;
+  margin-bottom: 1em;
 
   button {
     position: relative;
diff --git a/src/components/tabs/StockListTab.vue b/src/components/tabs/StockListTab.vue
index 7971cc9..5c170ef 100644
--- a/src/components/tabs/StockListTab.vue
+++ b/src/components/tabs/StockListTab.vue
@@ -1,5 +1,40 @@
 <template>
   <section class="stock-list-tab">
+    <div class="tab_header">
+      <h2>{{ $t('stocklist.title') }}</h2>
+    </div>
+
+    <div class="stock_actions">
+      <label class="file-label">
+        <div class="btn btn--image">
+          <img src="/images/icon-upload.svg" alt="" />
+          {{ $t('stocklist.action-upload') }}
+        </div>
+
+        <input type="file" @change="uploadStock" ref="conFile" accept=".con,.txt" />
+      </label>
+
+      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="downloadStock">
+        <img src="/images/icon-download.svg" alt="download icon" />
+        {{ $t('stocklist.action-download') }}
+      </button>
+
+      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="copyToClipboard">
+        <img src="/images/icon-copy.svg" alt="copy icon" />
+        {{ $t('stocklist.action-copy') }}
+      </button>
+
+      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="resetStock">
+        <img src="/images/icon-reset.svg" alt="reset icon" />
+        {{ $t('stocklist.action-reset') }}
+      </button>
+
+      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="shuffleCars">
+        <img src="/images/icon-shuffle.svg" alt="shuffle icon" />
+        {{ $t('stocklist.action-shuffle') }}
+      </button>
+    </div>
+
     <div class="stock_controls" :data-disabled="store.chosenStockListIndex == -1">
       <b v-if="store.chosenStockListIndex >= 0">
         {{ $t('stocklist.vehicle-no') }} <span class="text--accent">{{ store.chosenStockListIndex + 1 }}</span> &nbsp;
@@ -37,37 +72,6 @@
       </button>
     </div>
 
-    <div class="stock_actions">
-      <label class="file-label">
-        <div class="btn btn--image">
-          <img src="/images/icon-upload.svg" alt="" />
-          {{ $t('stocklist.action-upload') }}
-        </div>
-
-        <input type="file" @change="uploadStock" ref="conFile" accept=".con,.txt" />
-      </label>
-
-      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="downloadStock">
-        <img src="/images/icon-download.svg" alt="download icon" />
-        {{ $t('stocklist.action-download') }}
-      </button>
-
-      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="copyToClipboard">
-        <img src="/images/icon-copy.svg" alt="copy icon" />
-        {{ $t('stocklist.action-copy') }}
-      </button>
-
-      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="resetStock">
-        <img src="/images/icon-reset.svg" alt="reset icon" />
-        {{ $t('stocklist.action-reset') }}
-      </button>
-
-      <button class="btn btn--image" :data-disabled="stockIsEmpty" :disabled="stockIsEmpty" @click="shuffleCars">
-        <img src="/images/icon-shuffle.svg" alt="shuffle icon" />
-        {{ $t('stocklist.action-shuffle') }}
-      </button>
-    </div>
-
     <div class="stock_specs">
       <b class="real-stock-info" v-if="store.chosenRealStock">
         <span class="text--accent">
@@ -422,6 +426,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '../../styles/global';
+@import '../../styles/tab.scss';
 
 .stock-list-tab {
   display: grid;
@@ -483,7 +488,7 @@ export default defineComponent({
   display: grid;
   gap: 0.5em;
 
-  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 
   label.file-label {
     text-align: center;
diff --git a/src/locales/en.json b/src/locales/en.json
index f04b72c..a34256d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -46,6 +46,7 @@
     "stock-generator": "STOCK GEN."
   },
   "stocklist": {
+    "title": "STOCK EDITOR",
     "vehicle-no": "VEHICLE NO.",
     "no-vehicle-chosen": "NO VEHICLE CHOSEN",
     "action-move-up": "MOVE UP",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 3ca01ed..16aced5 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -46,6 +46,7 @@
     "stock-generator": "GNR SKŁADU"
   },
   "stocklist": {
+    "title": "EDYTOR SKŁADU",
     "vehicle-no": "POJAZD NR",
     "no-vehicle-chosen": "NIE WYBRANO POJAZDU",
     "action-move-up": "PRZENIEŚ WYŻEJ",