From 6409ec973422815196e2c91581404e3f62f189d8 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Wed, 17 Dec 2025 12:58:39 +0000
Subject: [PATCH] Add some additional margin to the dialog on small screens

---
 assets/css/app.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 9aacbf4..6a62953 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -491,14 +491,21 @@ footer {
 #coop-dialog {
   max-width: 800px;
   max-height: 90vh;
-  margin-left: auto;
-  margin-right: auto;
+  margin-left: var(--space-sm);
+  margin-right: var(--space-sm);
   border: none;
   border-radius: var(--space-sm);
   padding: 0;
   background: rgba(0, 0, 0, 0.7);
 }
 
+@media screen and (width > 480px) {
+  #coop-dialog {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
 #coop-dialog::backdrop {
   background: rgba(0, 0, 0, 0.7);
 }