From c12e4fbde7cf2ab3748d260584a91873e4db9dcf Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Sun, 3 Sep 2023 21:32:49 +1000
Subject: [PATCH] make input squares smaller on mobile

---
 src/InputElement.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/InputElement.svelte b/src/InputElement.svelte
index a9692c7..98d4127 100644
--- a/src/InputElement.svelte
+++ b/src/InputElement.svelte
@@ -26,6 +26,14 @@
         font-size: 20pt;
         transition: 350ms ease;
     }
+    @media (max-width: 667px) {
+        .wordle-input-element {
+            width: 38px;
+            height: 38px;
+            line-height: 74px;
+            font-size: 12pt;
+        }
+    }
     .input-status-input {
         background: #8284a220;
     }