From 6c00cf12e18033131fd056cf40dcdb352127ab9e Mon Sep 17 00:00:00 2001
From: Chris Kaczor <chris@kaczorzoo.net>
Date: Sun, 22 Dec 2024 00:16:36 +0000
Subject: [PATCH] Add label for temperature mode

---
 WebDisplay/src/pages/kiosk.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/WebDisplay/src/pages/kiosk.vue b/WebDisplay/src/pages/kiosk.vue
index 43853fb..a54ab48 100644
--- a/WebDisplay/src/pages/kiosk.vue
+++ b/WebDisplay/src/pages/kiosk.vue
@@ -82,7 +82,10 @@
                 :class="getTemperatureClass()"
                 @click="showFeelsLike = !showFeelsLike"
                 v-if="weatherStore.current">
-                {{ getTemperature() }}
+                <div class="temperature">
+                    <span class="temperature-value">{{ getTemperature() }}</span>
+                    <span class="temperature-label">{{ showFeelsLike ? 'Feels Like' : 'Actual' }}</span>
+                </div>
             </div>
             <div
                 class="kiosk-humidity text-center pb-3"
@@ -320,6 +323,19 @@
         color: #208b20;
     }
 
+    .temperature {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .temperature-value {
+        height: calc(1em + 10px);
+    }
+
+    .temperature-label {
+        font-size: 10pt;
+    }
+
     .temperature-wind-chill {
         color: #4d4dff;
     }