From 4fa2813e6abe9780572cdee46be2fe4b41fa38ec Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Thu, 3 Oct 2024 14:01:41 +0100
Subject: [PATCH 1/2] More spacing and nicer dark mode colours

---
 webapp/src/assets/less/theme.less                  | 14 ++++++++++++++
 .../labThingsComponents/actionButton.vue           |  2 +-
 .../tabContentComponents/scanListContent.vue       |  4 +++-
 .../tabContentComponents/slideScanContent.vue      |  2 +-
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index a103cab7..530eae07 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -340,6 +340,7 @@ a:hover {
 .uk-button {
     border-radius: @button-border-radius;
     padding: 0 8px;
+    border-color: @global-border;
 }
 
 .uk-button-default {
@@ -351,6 +352,7 @@ a:hover {
     background-color: rgba(180, 180, 180, 0.10);
     border-color: @global-primary-background;
     color: @button-text-color;
+    margin-bottom: 2px;
 }
 
 .uk-button-danger {
@@ -360,6 +362,17 @@ a:hover {
 }
 
 .hook-inverse() {
+    .uk-button {
+        background-color: rgba(180, 180, 180, 0.15);
+        color: @inverse-primary-muted-color;
+        border-color: @inverse-primary-muted-color;
+    }
+    .uk-button:hover {
+        background-color: @inverse-primary-muted-color;
+        color: #fff;
+        border-color: #fff;
+    }
+
     .uk-button-primary {
         background-color: rgba(180, 180, 180, 0.15);
         color: @inverse-primary-muted-color;
@@ -369,6 +382,7 @@ a:hover {
     .uk-button-primary:hover {
         background-color: @inverse-primary-muted-color;
         color: #fff;
+        border-color: #fff;
     }
 }
 
diff --git a/webapp/src/components/labThingsComponents/actionButton.vue b/webapp/src/components/labThingsComponents/actionButton.vue
index 1fae45dd..00346a75 100644
--- a/webapp/src/components/labThingsComponents/actionButton.vue
+++ b/webapp/src/components/labThingsComponents/actionButton.vue
@@ -19,7 +19,7 @@
       <button
         type="button"
         :hidden="taskStarted"
-        class="uk-button uk-margin-remove uk-width-1-1"
+        class="uk-button uk-width-1-1"
         :class="[buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
         @click="bootstrapTask()"
       >
diff --git a/webapp/src/components/tabContentComponents/scanListContent.vue b/webapp/src/components/tabContentComponents/scanListContent.vue
index 3310bebc..6c95f653 100644
--- a/webapp/src/components/tabContentComponents/scanListContent.vue
+++ b/webapp/src/components/tabContentComponents/scanListContent.vue
@@ -14,6 +14,7 @@
           <div>
             <button
               class="uk-button uk-button-default uk-width-1-1"
+              style="margin-top:5px;margin-bottom: 2px"
               type="button"
               @click="deleteAllScans()"
             >
@@ -23,6 +24,7 @@
           <div>
             <button
               class="uk-button uk-button-default uk-width-1-1"
+              style="margin-top:5px;margin-bottom: 2px"
               type="button"
               @click="updateScans()"
             >
@@ -55,7 +57,7 @@
                 @response="downloadZipFile"
                 @error="modalError"
               />
-              <button class="uk-button" @click="deleteScan(item.name)">
+              <button class="uk-button uk-button-default uk-width-1-1" @click="deleteScan(item.name)">
                 Delete
               </button>
               <action-button
diff --git a/webapp/src/components/tabContentComponents/slideScanContent.vue b/webapp/src/components/tabContentComponents/slideScanContent.vue
index 1a05bd22..8a152fc8 100644
--- a/webapp/src/components/tabContentComponents/slideScanContent.vue
+++ b/webapp/src/components/tabContentComponents/slideScanContent.vue
@@ -5,7 +5,7 @@
   <!-- Grid managing tab content -->
   <div v-else uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
     <div class="control-component uk-padding-small">
-      <div v-show="!scanning">
+      <div v-show="!scanning" class="uk-padding-small">
         <ul uk-accordion="multiple: true">
           <li>
             <a class="uk-accordion-title" href="#">Configure</a>

From 52532a90d7524ee00a7025c1418374056573ee58 Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Tue, 8 Apr 2025 18:41:11 +0100
Subject: [PATCH 2/2] More spacing below buttons

---
 webapp/src/assets/less/theme.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index 530eae07..b5b18ca1 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -341,6 +341,7 @@ a:hover {
     border-radius: @button-border-radius;
     padding: 0 8px;
     border-color: @global-border;
+    margin-bottom: 2px;
 }
 
 .uk-button-default {
@@ -352,7 +353,7 @@ a:hover {
     background-color: rgba(180, 180, 180, 0.10);
     border-color: @global-primary-background;
     color: @button-text-color;
-    margin-bottom: 2px;
+    margin-bottom: 4px;
 }
 
 .uk-button-danger {