From e5036f0250f2930188a9c446f9e17baaa0eaae38 Mon Sep 17 00:00:00 2001
From: Amazingca <autumn@amazingca.dev>
Date: Thu, 7 May 2026 13:48:51 -0600
Subject: [PATCH] First iteration of mobile view enhancements

---
 app/style.css | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/style.css b/app/style.css
index e0e0cf6..646f1ed 100644
--- a/app/style.css
+++ b/app/style.css
@@ -2,9 +2,12 @@
   color-scheme: light dark;
 
   --border-radius-inner: 0.25rem;
+  @media screen and (max-width: 400px) {
+    --border-radius-inner: 0.5rem;
+  }
   --border-radius-outer: calc(var(--border-radius-inner) * 2);
 }
-
+  
 body {
   display: flex;
   flex-direction: column;
@@ -145,7 +148,7 @@ todo {
       width: -webkit-fill-available;
       resize: none;
       border: unset;
-      border-radius: 0.25rem;
+      border-radius: var(--border-radius-inner);
       background-color: var(--background-primary);
       &:focus-visible {
         outline: unset;
@@ -273,10 +276,19 @@ div:has(> #todos-completed.hidden),
     font-size: 1.5rem !important;
   }
   p, a {
-    font-size: 1rem !important;
+    font-size: 1.25rem !important;
+  }
+  textarea {
+    font-size: 1.25rem !important;
   }
   button {
-    font-size: 1rem !important;
+    font-size: 1.25rem !important;
+  }
+  #createTodo, #showCompleted, #exportData {
+    & > svg {
+      width: 36px !important;
+      height: 36px !important;
+    }
   }
 }
 
-- 
2.54.0