From a21cb31a0ac3578121afc07eb3997b8b60b8bd5e Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 1 Dec 2023 21:26:57 +0100
Subject: [PATCH] =?UTF-8?q?ikona=20przy=20informacji=20offline=20poci?=
 =?UTF-8?q?=C4=85gu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TrainsView/TrainInfo.vue | 6 ++++++
 src/styles/badge.scss                   | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 57adb60..7ceca4a 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -80,10 +80,12 @@
 
         <div class="status-badges">
           <div v-if="!train.currentStationHash" class="train-badge offline">
+            <img src="/images/icon-offline.svg" alt="" />
             {{ $t('trains.scenery-offline') }}
           </div>
 
           <div v-if="!train.online" class="train-badge offline">
+            <img src="/images/icon-offline.svg" alt="" />
             Offline {{ lastSeenMessage(train.lastSeen) }}
           </div>
         </div>
@@ -237,6 +239,10 @@ export default defineComponent({
   flex-wrap: wrap;
 
   gap: 0.25em;
+
+  img {
+    height: 15px;
+  }
 }
 
 .general-timetable {
diff --git a/src/styles/badge.scss b/src/styles/badge.scss
index 2329d38..fdad382 100644
--- a/src/styles/badge.scss
+++ b/src/styles/badge.scss
@@ -76,7 +76,11 @@
 }
 
 .train-badge {
-  padding: 0.1em 0.2em;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+
+  padding: 0.1em 0.3em;
   border-radius: 0.2em;
   font-weight: bold;