From 459b080e044cea2d1a670355333dc27c00751f56 Mon Sep 17 00:00:00 2001
From: codex <codex@example.local>
Date: Tue, 9 Jun 2026 21:25:14 +0200
Subject: [PATCH] Keep preview aligned at medium widths

---
 public/styles.css | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 759d3c8..3c2f9ff 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -276,17 +276,6 @@ button[aria-pressed="false"] {
   white-space: nowrap;
 }
 
-@media (max-width: 980px) {
-  .controls {
-    grid-template-columns: 1fr;
-  }
-
-  .self-preview {
-    justify-self: center;
-    width: 88px;
-  }
-}
-
 @media (max-width: 680px) {
   .topbar {
     align-items: stretch;
@@ -320,6 +309,7 @@ button[aria-pressed="false"] {
   }
 
   .controls {
+    grid-template-columns: 1fr;
     padding: 12px;
   }
 
@@ -337,6 +327,7 @@ button[aria-pressed="false"] {
   }
 
   .self-preview {
+    justify-self: center;
     width: 88px;
   }
 }