Update rt-ai-html.css

therealtimex · Dec 13, 2024 · 8cafb5f · 8cafb5f
1 parent dc4e6c5
commit 8cafb5f
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/css/rt-ai-html.css b/css/rt-ai-html.css
@@ -124,20 +124,6 @@
     left: 0;
 }
 
-@media screen and (max-width: 600px) {
-    .btn {
-        flex: 0 1 calc(50% - 0.5rem);
-        font-size: 15px;
-    }
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .btn,
-    .btn::before {
-        transition: none;
-    }
-}
-
 .btn svg {
     width: 1em;
     /* Reduced from 1.25em */
@@ -210,13 +196,25 @@
 }
 
 @media screen and (max-width: 600px) {
-    .btn-shade {
+    .btn, .btn-shade {
         flex: 0 1 calc(50% - 0.5rem);
         font-size: 15px;
     }
+
+    .btn:only-child, .btn-shade:only-child {
+        flex: 1 1 100%;
+    }
+}
+
+@media screen and (max-width: 380px) {
+    .btn, .btn-shade {
+        flex: 1 1 100%; /* Stack on very small screens */
+    }
 }
 
 @media (prefers-reduced-motion: reduce) {
+    .btn,
+    .btn::before,
     .btn-shade,
     .btn-shade::before {
         transition: none;