From 747bc3d79a46a5e89da093d7d4c9311794f56c08 Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Wed, 14 May 2025 11:17:44 +0100
Subject: [PATCH] Narrower scan tabs

---
 webapp/src/assets/less/theme.less                             | 2 +-
 .../src/components/tabContentComponents/scanListContent.vue   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index 690192ac..df88729b 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -208,7 +208,7 @@ h4, .uk-h4 {
 
 .uk-card-body {
     padding: 20px 16px 8px 16px;
-    width: 260px;
+    width: 240px;
 }
 
 .uk-card-media-top img {
diff --git a/webapp/src/components/tabContentComponents/scanListContent.vue b/webapp/src/components/tabContentComponents/scanListContent.vue
index ea5a497c..20f4d461 100644
--- a/webapp/src/components/tabContentComponents/scanListContent.vue
+++ b/webapp/src/components/tabContentComponents/scanListContent.vue
@@ -85,18 +85,18 @@
                 submit-label="Stitch Images"
                 thing="smart_scan"
                 action="stitch_scan"
+                v-if="item.can_stitch"
                 :can-terminate="false"
                 :submit-data="{ scan_name: item.name }"
                 :button-primary="false"
                 :modal-progress="true"
-                v-if="item.can_stitch"
                 @error="modalError"
               />
               <ul>
                 <li>{{ item.number_of_images }} images</li>
                 <li>created: {{ formatDate(item.created) }}</li>
                 <li>modified: {{ formatDate(item.modified) }}</li>
-                <li v-if="item.number_of_images<3" style="color:red; font-weight: bold;">Not enough images<br />to stitch</li>  
+                <li v-if="item.number_of_images<3" style="color:red; font-weight: bold;">Not enough images to stitch</li>  
                 <li v-else-if=!item.stitch_available style="color:red; font-weight: bold;">Scan not stitched</li>  
               </ul>
             </div>