From: Amazingca <autumn@amazingca.dev>
Date: Thu, 7 May 2026 20:04:16 +0000 (-0600)
Subject: Improve scale
X-Git-Url: http://git.amazingca.dev/?a=commitdiff_plain;h=4edbafc5a0a449444e157e8bd12c735a5cbdca92;p=autumn%2Ftodo

Improve scale
---

diff --git a/app/style.css b/app/style.css
index 82461bd..8bb3fd5 100644
--- a/app/style.css
+++ b/app/style.css
@@ -2,7 +2,7 @@
   color-scheme: light dark;
 
   --border-radius-inner: 0.25rem;
-  @media screen and (max-width: 400px) {
+  @media screen and (max-width: 720px) {
     --border-radius-inner: 0.5rem;
   }
   --border-radius-outer: calc(var(--border-radius-inner) * 2);
@@ -128,7 +128,15 @@ a, a:visited, a:active {
   &:not(.embedded) {
     background-color: var(--background-secondary);
     padding: 0.25rem;
-    border-radius: 0.5rem;
+    border-radius: var(--border-radius-inner);
+    &:first-child {
+      border-top-left-radius: var(--border-radius-outer);
+      border-bottom-left-radius: var(--border-radius-outer);
+    }
+    &:last-child {
+      border-top-right-radius: var(--border-radius-outer);
+      border-bottom-right-radius: var(--border-radius-outer);
+    }
   }
 }
 
@@ -271,7 +279,7 @@ div:has(> #todos-completed.hidden),
   border-bottom-right-radius: var(--border-radius-inner);
 }
 
-@media screen and (max-width: 400px) {
+@media screen and (max-width: 720px) {
   h3 {
     font-size: 1.5rem !important;
   }