From f7afdf5c961822f1b032f001e1628acbcd405321 Mon Sep 17 00:00:00 2001 From: Yuyao Huang Date: Sat, 9 May 2026 11:02:37 +0800 Subject: [PATCH] fix: stack modal buttons vertically on mobile for touch-friendly layout On small screens (<=640px), modal action buttons now stack vertically with full width instead of wrapping unpredictably. This applies to all modals: note, task, goal. --- static/css/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/static/css/style.css b/static/css/style.css index 93df4a5..0e5b643 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -276,10 +276,14 @@ body { } .modal-actions { - flex-wrap: wrap; + flex-direction: column; + gap: 0.5rem; } + .modal-actions .btn-primary, + .modal-actions .btn-secondary, .modal-actions .btn-danger { width: 100%; + text-align: center; } }