From 7805d1350c50c429ed39600ca92cc4e4f1ad5e9c Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 29 Mar 2024 23:35:56 +0100
Subject: [PATCH] =?UTF-8?q?responsywno=C5=9B=C4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../JournalTimetables/TimetableGeneral.vue    |  6 +++--
 src/components/TrainsView/TrainInfo.vue       | 26 +++++--------------
 2 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/components/JournalView/JournalTimetables/TimetableGeneral.vue b/src/components/JournalView/JournalTimetables/TimetableGeneral.vue
index ae73738..8b2e2bd 100644
--- a/src/components/JournalView/JournalTimetables/TimetableGeneral.vue
+++ b/src/components/JournalView/JournalTimetables/TimetableGeneral.vue
@@ -144,12 +144,14 @@ export default defineComponent({
 }
 
 .general-train {
-  cursor: pointer;
   display: flex;
-  flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+  flex-wrap: wrap;
   gap: 0.25em;
+
+  cursor: pointer;
+  line-height: 2;
 }
 
 .btn-timetable {
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 39a019e..aa6f986 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -57,14 +57,14 @@
         </div>
 
         <div v-if="extended">
-          <button class="btn--image btn--action btn-timetable" @click="navigateToJournal">
+          <button class="btn-timetable btn--image btn--action" @click="navigateToJournal">
             <img src="/images/icon-train.svg" alt="train icon" />
             <span>
               {{ $t('trains.journal-button') }}
             </span>
           </button>
 
-          <button class="btn--image btn--action btn-exit" @click="closeModal">
+          <button class="btn-exit btn--image btn--action" @click="closeModal">
             <img src="/images/icon-exit.svg" alt="modal exit icon" />
           </button>
         </div>
@@ -270,6 +270,8 @@ export default defineComponent({
 .general-top-bar {
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 0.5em;
 
   & > div {
     display: flex;
@@ -331,26 +333,10 @@ export default defineComponent({
   .train-info {
     grid-template-columns: 1fr;
     gap: 1em 0;
-    text-align: center;
   }
 
-  .general-info,
-  .general-status,
-  .general-timetable {
-    justify-content: center;
-  }
-
-  .timetable-progress {
-    justify-content: center;
-  }
-
-  .comments {
-    flex-direction: column;
-    justify-content: center;
-
-    img {
-      margin: 0 0 0.5em 0;
-    }
+  .btn-timetable > span {
+    display: none;
   }
 }
 </style>