Improve scale

diff --git a/app/style.css b/app/style.css
index 82461bdaed7cdea557dce26be30cabfc6f2bb7ef..8bb3fd5aca2c4704f485acedd66510c3fd8d9e25 100644 (file)
--- 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;
   }