From 4eec94d573ee0413fb2b2936a6ae633bd24cf0f3 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Mon, 6 Jul 2026 09:26:10 +0100
Subject: [PATCH] Remove complexity in gallery nav HTML

---
 webapp/src/assets/less/variables.less         |  2 +-
 .../tabContentComponents/galleryContent.vue   | 37 ++++++++-----------
 2 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/webapp/src/assets/less/variables.less b/webapp/src/assets/less/variables.less
index 24b2f2d8..78e8a5ea 100644
--- a/webapp/src/assets/less/variables.less
+++ b/webapp/src/assets/less/variables.less
@@ -222,7 +222,7 @@
   border-width: 0 0 1px;
   border-style: solid;
   border-color: rgba(180, 180, 180, 0.25);
-  padding-right: 20px;
+  padding-right: 15px;
   background: #fff;
 }
 .hook-inverse() {
diff --git a/webapp/src/components/tabContentComponents/galleryContent.vue b/webapp/src/components/tabContentComponents/galleryContent.vue
index 58f81bf4..442edb50 100644
--- a/webapp/src/components/tabContentComponents/galleryContent.vue
+++ b/webapp/src/components/tabContentComponents/galleryContent.vue
@@ -4,26 +4,21 @@
     <nav class="ofm-tab-navbar">
       <!-- Right side buttons -->
       <div class="uk-navbar-right">
-        <div class="uk-grid">
-          <div>
-            <button
-              class="uk-button uk-button-default uk-width-1-1 gallery-button"
-              type="button"
-              @click="refreshGallery()"
-            >
-              Refresh
-            </button>
-          </div>
-          <div>
-            <button
-              class="sidebar-toggle uk-button uk-button-default uk-width-1-1 gallery-button"
-              type="button"
-              @click="sidebarOpen = !sidebarOpen"
-            >
-              <div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div>
-            </button>
-          </div>
-        </div>
+        <button
+          class="uk-button uk-button-default gallery-button"
+          type="button"
+          @click="refreshGallery()"
+        >
+          Refresh
+        </button>
+
+        <button
+          class="sidebar-toggle uk-button uk-button-default gallery-button"
+          type="button"
+          @click="sidebarOpen = !sidebarOpen"
+        >
+          <div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div>
+        </button>
       </div>
     </nav>
 
@@ -270,7 +265,7 @@ export default {
 
 .gallery-button {
   margin-top: 5px;
-  margin-bottom: 2px;
+  margin-bottom: 5px;
 }
 
 .sidebar-toggle {