When labeling pet appearances on mobile, give pose options equal height

If the screen is narrow, many of the bubbles will wrap their text onto
two lines, but "Unconverted" won't. Give it equal height to the rest
anyway, for visual consistency!
This commit is contained in:
Emi Matchu 2024-12-01 10:24:31 -08:00
parent b656ccd982
commit 6dc5aa28a4

View file

@ -44,6 +44,10 @@
grid-template-columns: repeat(var(--num-columns, 1), 1fr)
gap: .25em
li
display: flex
align-items: stretch // Give the bubbles equal heights!
label
display: flex
align-items: center
@ -51,6 +55,7 @@
padding: .5em 1em
border: 1px solid $soft-border-color
border-radius: 1em
flex: 1 1 auto
input
margin: 0