From 421d4a5f10e1401ec2a9559627fee39fb0b36112 Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Mon, 7 Apr 2025 18:54:30 +0100
Subject: [PATCH] Spaces in tab names, more space, centred

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

diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index 94592187..2662eebc 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -215,7 +215,7 @@ export default {
           component: navigateContent
         },
         {
-          id: "background_detect",
+          id: "background detect",
           icon: "background_replace",
           component: backgroundDetectContent
         },
@@ -225,7 +225,7 @@ export default {
           component: slideScanContent
         },
         {
-          id: "scanlist",
+          id: "scan list",
           icon: "photo_library",
           component: ScanListContent
         }
@@ -313,7 +313,7 @@ export default {
 }
 
 #switcher-left {
-  width: 75px;
+  width: 85px;
   padding-top: 2px !important;
 }
 
diff --git a/webapp/src/components/genericComponents/tabIcon.vue b/webapp/src/components/genericComponents/tabIcon.vue
index 1c4c2ae3..45ef17e3 100644
--- a/webapp/src/components/genericComponents/tabIcon.vue
+++ b/webapp/src/components/genericComponents/tabIcon.vue
@@ -98,7 +98,8 @@ export default {
 }
 
 .tabtitle {
-  max-width: 60px;
+  margin: auto;
+  max-width: 70px;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 85%;