From 6ecb0b40fcf04f81af356fbb6dd3a8cf35c1427f Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 14 Jan 2022 03:16:41 +0100
Subject: [PATCH] =?UTF-8?q?Nowy=20wygl=C4=85d=20scenerii=20niedost=C4=99pn?=
 =?UTF-8?q?ych=20w=20tabelce?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StationsView/StationTable.vue | 33 +++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue
index fa40e7a..81bc8f1 100644
--- a/src/components/StationsView/StationTable.vue
+++ b/src/components/StationsView/StationTable.vue
@@ -47,7 +47,7 @@
                 default: station.generalInfo?.default,
                 'non-public': station.generalInfo?.nonPublic,
                 online: station.onlineInfo,
-                'station-unavailable': station.generalInfo?.unavailable,
+                unavailable: station.generalInfo?.unavailable,
               }"
             >
               <b v-if="station.generalInfo?.project" style="color: salmon;">{{ station.generalInfo.project }}</b>
@@ -57,18 +57,22 @@
             <td class="station_level">
               <span v-if="station.generalInfo">
                 <span
-                  v-if="station.generalInfo.reqLevel > -1 && !station.generalInfo.nonPublic"
+                  v-if="
+                    station.generalInfo.reqLevel > -1 &&
+                      !station.generalInfo.nonPublic &&
+                      !station.generalInfo.unavailable
+                  "
                   :style="calculateExpStyle(station.generalInfo.reqLevel, station.generalInfo.supportersOnly)"
                 >
                   {{ station.generalInfo.reqLevel >= 2 ? station.generalInfo.reqLevel : 'L' }}
                 </span>
 
+                <span v-else-if="station.generalInfo.nonPublic">
+                  <img :src="lockIcon" alt="non-public" :title="$t('desc.non-public')" />
+                </span>
+
                 <span v-else>
-                  <img
-                    :src="lockIcon"
-                    alt="non-public"
-                    :title="$t('desc.non-public')"
-                  />
+                  <img :src="unavailableIcon" alt="unavailable" :title="$t('desc.unavailable')" />
                 </span>
               </span>
 
@@ -167,13 +171,6 @@
                 :title="$t('desc.SBL') + `${station.generalInfo.SBL}`"
               />
 
-              <img
-                v-if="station.generalInfo?.unavailable"
-                :src="unavailableIcon"
-                alt="icon-unavailable"
-                :title="$t('desc.unavailable')"
-              />
-
               <img v-if="!station.generalInfo" :src="unknownIcon" alt="icon-unknown" :title="$t('desc.unknown')" />
             </td>
 
@@ -384,14 +381,20 @@ tr.station {
 
 td.station {
   &_name {
+    font-weight: bold;
+
     &.default {
-      font-weight: bold;
       color: $accentCol;
     }
 
     &.non-public {
       color: #bebebe;
     }
+
+    &.unavailable {
+      font-weight: 500;
+      color: #bebebe;
+    }
   }
 
   &_level,