Make buttons and photos bigger and easier to hit

2024-08-13 17:54:02 -04:00
parent e67fa7b279
commit 36e07b9836
2 changed files with 7 additions and 5 deletions
--- 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;
 }