Make buttons and photos bigger and easier to hit

web/index.css

@@ -33,7 +33,7 @@
 
 #image-chooser-controls {
     display: none;
-    width: 100%;
+    width: 80%;
 }
 
 #image-preview-box {
@@ -44,16 +44,19 @@
 }
 
 #image-preview-box img {
-    width: 50px;
-    height: 50px;
+    width: 30%;
+    aspect-ratio: 1 / 1;
 }
 
 .main-controls {
     display: flex;
     gap: 0.5rem;
+    width: 80%;
 }
 
-.main-controls button {
+.main-controls * {
+    width: 100%;
+    height: 4rem;
     font-size: 1.2rem;
 }
 

web/index.html

@@ -26,7 +26,6 @@
               </select>
               <div class="main-controls">
                 <a href="choose.html"><button>Select</button></a>
-
                 <button id="snapper" class="showbuton">Snap</button>
                 <a href="/collages/?sort=time&order=desc&layout=grid" target="_blank" ><button>All</button></a>
                 <button id="reorder_btn">Reorder</button>