From aea90f4b5088a1eee1cffda00e453945cb303300 Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Tue, 20 Jan 2026 10:40:04 +0100
Subject: [PATCH] Add viewport padding to dialogs on mobile

---
 app/assets/stylesheets/dialog.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/dialog.css b/app/assets/stylesheets/dialog.css
index 5d6a7eb0e..632d9af74 100644
--- a/app/assets/stylesheets/dialog.css
+++ b/app/assets/stylesheets/dialog.css
@@ -35,4 +35,11 @@
       }
     }
   }
+
+  /* Ensure padding from viewport edges on narrow screens */
+  @media (max-width: 639px) {
+    .dialog.panel {
+      max-inline-size: 94vw;
+    }
+  }
 }