From 3e8228624523f02a991e6b071d2d69e99d3a65c0 Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Mon, 7 Apr 2025 18:18:16 +0100
Subject: [PATCH 1/2] Reorder GUI tabs to match the order of use

---
 webapp/src/components/appContent.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index fbc0e169..94592187 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -215,7 +215,12 @@ export default {
           component: navigateContent
         },
         {
-          id: "slidescan",
+          id: "background_detect",
+          icon: "background_replace",
+          component: backgroundDetectContent
+        },
+        {
+          id: "slide scan",
           icon: "settings_overscan",
           component: slideScanContent
         },
@@ -223,11 +228,6 @@ export default {
           id: "scanlist",
           icon: "photo_library",
           component: ScanListContent
-        },
-        {
-          id: "background_detect",
-          icon: "background_replace",
-          component: backgroundDetectContent
         }
       ];
       if (!this.$store.state.galleryEnabled) {

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 2/2] 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%;