dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

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

Browse source 
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
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/application/support-form.sass
View file

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