From 2472814a03f79d4d624784353c2d419e01f0bac5 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Thu, 30 Jan 2025 21:56:28 +0100
Subject: [PATCH] hotfix: styles

---
 src/components/Timetable/TimetableSelect.vue  | 7 ++++---
 src/components/Timetable/TimetableStorage.vue | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Timetable/TimetableSelect.vue b/src/components/Timetable/TimetableSelect.vue
index e7578eb..69a6b47 100644
--- a/src/components/Timetable/TimetableSelect.vue
+++ b/src/components/Timetable/TimetableSelect.vue
@@ -43,9 +43,10 @@
     </button>
 
     <button
-      class="bg-zinc-800 p-1 rounded-md hover:bg-zinc-700"
+      class=" p-1 rounded-md "
       :class="{
-        'bg-green-600': isTimetableSaved,
+        'bg-green-600 hover:bg-green-700': isTimetableSaved,
+        'bg-zinc-800 hover:bg-zinc-700': !isTimetableSaved,
       }"
       @click="saveToStorage"
     >
@@ -73,7 +74,7 @@ let selectedTrainId = ref(null) as Ref<string | null>;
 // Computed
 const isTimetableSaved = computed(() => {
   if (!globalStore.currentTimetableData) return false;
-  
+
   return Object.keys(globalStore.storageTimetables).includes(`${globalStore.currentTimetableData.timetableId}`);
 });
 
diff --git a/src/components/Timetable/TimetableStorage.vue b/src/components/Timetable/TimetableStorage.vue
index a4be18a..218eb75 100644
--- a/src/components/Timetable/TimetableStorage.vue
+++ b/src/components/Timetable/TimetableStorage.vue
@@ -9,7 +9,7 @@
       <ul class="flex flex-col gap-3">
         <li v-for="timetable in globalStore.storageTimetables" class="text-left">
           <button class="bg-zinc-900 p-2 w-full text-zinc-300 cursor-pointer hover:bg-zinc-800" @click="selectTimetable(timetable)">
-            <b>{{ timetable.category }} {{ timetable.trainNo }}</b> {{ timetable.route.replace('|', ' - ') }}
+            <b>{{ timetable.driverName }} {{ timetable.category }} {{ timetable.trainNo }}</b> {{ timetable.route.replace('|', ' - ') }}
           </button>
         </li>
       </ul>