From 36e07b98366208d12b9da63286825bb8e2e97249 Mon Sep 17 00:00:00 2001
From: Balakrishnan Balasubramanian <git.user@balki.me>
Date: Tue, 13 Aug 2024 17:54:02 -0400
Subject: [PATCH] Make buttons and photos bigger and easier to hit

---
 web/index.css  | 11 +++++++----
 web/index.html |  1 -
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/index.css b/web/index.css
index eb614a7..596702f 100644
--- a/web/index.css
+++ b/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;
 }
 
diff --git a/web/index.html b/web/index.html
index 0dc118f..2f44a52 100644
--- a/web/index.html
+++ b/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>