Drop the shared-baseline flex pin on .split cards; mismatched body lengths made Export / Danger look worse than the plain stack. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+1
-1
@@ -13,7 +13,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version
|
||||
shared `st` badge. Trusted-IP help sits under the IP field; domain rate-limit
|
||||
help sits above Save; Address mode / trusted-IP columns share muted leads and
|
||||
matched control height; Domain settings uses subgrid so DMARC and rate-limit
|
||||
rows line up; paired `.split` cards pin primary actions to a shared baseline.
|
||||
rows line up.
|
||||
|
||||
## [1.2.4] - 2026-08-12
|
||||
|
||||
|
||||
@@ -551,22 +551,6 @@ meter { width: 5rem; height: 0.7rem; vertical-align: middle; margin-right: 0.4re
|
||||
the cell to shrink below the card's intrinsic minimum when the column is
|
||||
tight. */
|
||||
.split > .card { margin-left: 0; margin-right: 0; min-width: 0; }
|
||||
/* Paired cards often differ in body length (export's encrypt checkbox vs
|
||||
danger's short blurb). Stretch both in the grid row and pin the primary
|
||||
action to the bottom so the buttons share a baseline. */
|
||||
.split > .card {
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.split > .card > form {
|
||||
display: flex; flex-direction: column; flex: 1 1 auto;
|
||||
}
|
||||
.split > .card > form > button[type="submit"]:last-child {
|
||||
margin-top: auto;
|
||||
}
|
||||
.split > .card > a.danger:last-child,
|
||||
.split > .card > a.btn:last-child {
|
||||
margin-top: auto; align-self: flex-start;
|
||||
}
|
||||
/* The gap already spaces the cards inside the grid; the general .card + .card
|
||||
rule would add a second gap's worth on top of it, and only to the second
|
||||
card, which in one column reads as an uneven stack. The blocks around the
|
||||
|
||||
Reference in New Issue
Block a user