From 30fbc1107de9acff0448115a746cc96f51d90d57 Mon Sep 17 00:00:00 2001 From: Denis Shatskiy Date: Wed, 13 Aug 2025 10:23:05 +0700 Subject: [PATCH] style: Refine header actions layout by adjusting button alignment and enhancing dropdown z-index for improved visibility and usability --- frontend/src/App.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/App.css b/frontend/src/App.css index 7440c9f..501b6e0 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -233,18 +233,22 @@ flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; /* to avoid cutting off focus outline */ + /* Ensure dropdowns are not covered by following content (e.g., tables) */ + position: relative; + z-index: 2500; } .header-actions .btn-group { display: flex; - align-items: center; + align-items: stretch; gap: 0.5rem; } -.header-actions .btn-group .btn-group { gap: 0; } -.header-actions .btn-group .dropdown-toggle-split { padding-left: .5rem; padding-right: .5rem; } +.header-actions .btn-group .btn-group { gap: 0; align-items: stretch; } +.header-actions .btn-group .dropdown-toggle-split { padding-left: .5rem; padding-right: .5rem; display: inline-flex; align-items: center; height: 100%; } .header-actions .btn { display: inline-flex; align-items: center; white-space: nowrap; + height: 100%; } .header-actions .btn svg { width: 18px; height: 18px; }