Vertically center the Team member dropdown with the KPI row
alignItems: flex-end was bottom-aligning the dropdown's column against the KPI tiles, but the dropdown has a label above it eating vertical space the KPI tiles don't have, so the dropdown control itself sat visibly lower than the tiles. Switched to center so both align on the same visual middle line. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
79d15806ec
commit
7baa757266
1 file changed
+1
-1
@@ -2348,7 +2348,7 @@ team_tab = dbc.Container([
|
||||
),
|
||||
], style={"flexShrink": "0"}),
|
||||
html.Div(id="team-kpi-area", style={"flex": "1", "minWidth": "0"}),
|
||||
], style={"display": "flex", "alignItems": "flex-end", "gap": "1rem", "marginBottom": "1.25rem"}),
|
||||
], style={"display": "flex", "alignItems": "center", "gap": "1rem", "marginBottom": "1.25rem"}),
|
||||
html.Div(id="team-content-area"),
|
||||
], fluid=True, className="pb-3")
|
||||
|
||||
|
||||
Reference in new issue
Block a user