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:
parent
b656ccd982
commit
6dc5aa28a4
1 changed files with 5 additions and 0 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue