sam/goalsbreakdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stack modal buttons vertically on mobile for touch-friendly layout

Browse Source 
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.
This commit is contained in:
Yuyao Huang 2026-05-09 11:02:37 +08:00
parent 2345724535
commit f7afdf5c96
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/style.css
View File

@ -276,10 +276,14 @@ body {
} }
.modal-actions { .modal-actions {
flex-wrap: wrap; flex-direction: column;
gap: 0.5rem;
} }
.modal-actions .btn-primary,
.modal-actions .btn-secondary,
.modal-actions .btn-danger { .modal-actions .btn-danger {
width: 100%; width: 100%;
text-align: center;
} }
} }