Better UI

src/webui/index.html

@@ -12,21 +12,13 @@
   <div id="toast-container"></div>
   <h1>Photo WebUI</h1>
   <!-- Toolbar with refresh and save buttons -->
+  <!--
   <div class="toolbar">
     <button onclick="refreshGallery()">🔄 Refresh Gallery</button>
     <button onclick="refreshHero()">🔄 Refresh Hero</button>
     <button onclick="saveChanges()">💾 Save Changes</button>
   </div>
-
-  <!-- Gallery Upload Section -->
-  <div class="upload-section">
-    <h2>Gallery</h2>
-    <label>
-      Upload Image:
-      <input type="file" id="upload-gallery" accept=".png,.jpg,.jpeg,.webp" multiple>
-    </label>
-    <div id="gallery"></div>
-  </div>
+  -->
 
   <!-- Hero Upload Section -->
   <div class="upload-section">
@@ -37,6 +29,16 @@
     </label>
     <div id="hero"></div>
   </div>
+  
+  <!-- Gallery Upload Section -->
+  <div class="upload-section">
+    <h2>Gallery</h2>
+    <label>
+      Upload Image:
+      <input type="file" id="upload-gallery" accept=".png,.jpg,.jpeg,.webp" multiple>
+    </label>
+    <div id="gallery"></div>
+  </div>
 
   <!-- JS files for rendering, uploading, and actions -->
   <script src="{{ url_for('static', filename='js/main.js') }}"></script>