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; }