From 8318d9daad1397b6a33da7d77282d3c5893bb344 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Fri, 23 May 2025 11:45:16 +0100
Subject: [PATCH] Fix bug where View pane isn't loaded when app is first opened

---
 webapp/src/components/appContent.vue                | 10 +++++-----
 webapp/src/components/genericComponents/tabIcon.vue |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index bc292f88..7322b224 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -212,27 +212,27 @@ export default {
     topTabs: function() {
       let tabs = [
         {
-          id: "View",
+          id: "view",
           icon: "visibility",
           component: viewContent
         },
         {
-          id: "Navigate",
+          id: "navigate",
           icon: "gamepad",
           component: navigateContent
         },
         {
-          id: "Background Detect",
+          id: "background detect",
           icon: "background_replace",
           component: backgroundDetectContent
         },
         {
-          id: "Slide Scan",
+          id: "slide scan",
           icon: "settings_overscan",
           component: slideScanContent
         },
         {
-          id: "Scan List",
+          id: "scan list",
           icon: "photo_library",
           component: ScanListContent
         }
diff --git a/webapp/src/components/genericComponents/tabIcon.vue b/webapp/src/components/genericComponents/tabIcon.vue
index 45ef17e3..6482e68c 100644
--- a/webapp/src/components/genericComponents/tabIcon.vue
+++ b/webapp/src/components/genericComponents/tabIcon.vue
@@ -103,6 +103,7 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 85%;
+  text-transform: capitalize;
 }
 
 a:hover,