fix(ui): right-align the confirm-move glyph under the preview caption
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Successful in 9s
CI / integration (pull_request) Successful in 15s
CI / ui (pull_request) Successful in 52s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m7s
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Successful in 9s
CI / integration (pull_request) Successful in 15s
CI / ui (pull_request) Successful in 52s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m7s
The ✅ box already ended at var(--pad) from the screen edge, but place-items:
center centred the glyph inside the 56px box, so it sat ~14px left of the green
preview caption (.scores, text-align:right at the same var(--pad)). Right-align
the glyph (place-items: center end) so its right edge lands under the caption's.
This commit is contained in:
@@ -1471,14 +1471,16 @@
|
||||
min-width: 0;
|
||||
}
|
||||
/* A borderless icon button (like the tab bar), not a filled accent button — and disabled
|
||||
while the pending word is known to be illegal. */
|
||||
while the pending word is known to be illegal. The glyph is right-aligned within its box so
|
||||
its right edge lands under the right edge of the preview caption above it (both sit at
|
||||
var(--pad) from the screen edge — .status and .rack-row share that padding). */
|
||||
.make {
|
||||
min-width: 56px;
|
||||
background: none;
|
||||
color: var(--text);
|
||||
border: none;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
place-items: center end;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.make:disabled {
|
||||
|
||||
Reference in New Issue
Block a user