Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use margin-top auto to push control items to bottom

Browse Source 
More robust approach:
- align-items: stretch !important on controls-bar
- margin-top: auto on control-group-items to push to bottom
- Specific selector for controls-bar > control-group

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-02-04 21:06:51 +00:00
parent a8d25f9c01
commit a5599eb0d0
2 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/ais_dashboard.css
View File

@@ -670,7 +670,7 @@ body {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
align-items: stretch;
align-items: stretch !important;
flex-wrap: nowrap;
gap: 8px;
padding: 8px 15px;
@@ -680,10 +680,26 @@ body {
overflow-x: auto;
}
.controls-bar > .control-group {
flex: 0 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 4px;
padding: 6px 10px;
background: rgba(74, 158, 255, 0.03);
border: 1px solid rgba(74, 158, 255, 0.1);
border-radius: 6px;
}
.controls-bar > .control-group > .control-group-items {
margin-top: auto;
}
.control-group {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 4px;
padding: 6px 10px;