From 130850097d7ab5e0d1b73a72db52fbd8dd412df4 Mon Sep 17 00:00:00 2001 From: Rohit Tanwar <31792358+rohitanwar@users.noreply.github.com> Date: Sat, 25 Jul 2026 13:24:46 +0530 Subject: [PATCH] fix(gui): add bottom margin to folder action buttons for wrapped spacing (#10728) adds a bottom margin to buttons inside panel footers, ensuring a comfortable gap between wrapped button rows. (Fixes #10689 ) Signed-off-by: rohitanwar --- gui/default/assets/css/overrides.css | 30 ++++++++++++++-------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css index 8351844e5..7f5c68d46 100644 --- a/gui/default/assets/css/overrides.css +++ b/gui/default/assets/css/overrides.css @@ -445,6 +445,20 @@ ul.three-columns li, ul.two-columns li { -moz-column-count: 1; column-count: 1; } + /* All buttons, except panel headings, get bottom margin, as they + won't fit beside each other anymore. Reduce footer padding to + compensate for the margin. */ + .btn:not(.panel-heading), + .btn:not(.panel-heading) + .btn:not(.panel-heading) { + margin-bottom: 10px; + } + + .panel-footer { + padding-bottom: 0; + } + .modal-footer { + padding-bottom: 5px; + } } @media (max-width:479px) { @@ -477,20 +491,6 @@ ul.three-columns li, ul.two-columns li { width: 100%; } - /* All buttons, except panel headings, get bottom margin, as they - won't fit beside each other anymore. Reduce footer padding to - compensate for the margin. */ - .btn:not(.panel-heading), - .btn:not(.panel-heading) + .btn:not(.panel-heading) { - margin-bottom: 10px; - } - .panel-footer { - padding-bottom: 0; - } - .modal-footer { - padding-bottom: 5px; - } - table.table-auto td, table.table-auto th, table.table-condensed td, @@ -552,4 +552,4 @@ html[lang|="ko"] i { .select-on-click { -webkit-user-select: all; user-select: all; -} +} \ No newline at end of file