Adjust upload box styling

Should show outline on inner input focus for accessibility

diff --git a/index.html b/index.html
index 4a1064400d30f0d2d37c3dc5c5032407aa1c40e7..4239aa56cb89a905d7d1ebc72575415145fba049 100644 (file)
--- a/index.html
+++ b/index.html
@@ -84,7 +84,7 @@
       align-items: center;
       padding: 48px 16px;
       border: 2px dashed var(--primary);
-      border-radius: 20px;
+      border-radius: 12px;
     }
 
     .upload-box:hover,
@@ -92,6 +92,10 @@
       cursor: pointer;
     }
 
+    .upload-box:has(input:focus) {
+      outline: -webkit-focus-ring-color auto 2px;
+    }
+
     .upload-box input {
       opacity: 0;
       width: 0.1px;