From 833561a1e7544c700ca42878600c092437ef5689 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Sun, 5 Apr 2026 01:58:41 +0100
Subject: [PATCH] fix: popup notification fits small screens (#7457)

Changed min-width and max-width on .popup-content to use min() with
viewport-relative units so the popup doesn't overflow on screens
narrower than 300px, keeping the close button accessible.

Fixes #7246

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/static/css/pad/popup.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/static/css/pad/popup.css b/src/static/css/pad/popup.css
index e9d9ff65d..7fa72b75f 100644
--- a/src/static/css/pad/popup.css
+++ b/src/static/css/pad/popup.css
@@ -28,8 +28,8 @@
   border: 1px solid #ccc;
   box-shadow: 0 2px 4px #ddd;
   background: #f7f7f7;
-  min-width: 300px;
-  max-width: 600px;
+  min-width: min(300px, 90vw);
+  max-width: min(600px, 95vw);
 }
 .popup input[type=text] {
   width: 100%;