From 6dc5aa28a4bafa5bae30403f418c5dfafd855000 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Sun, 1 Dec 2024 10:24:31 -0800
Subject: [PATCH] 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!
---
 app/assets/stylesheets/application/support-form.sass | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/application/support-form.sass b/app/assets/stylesheets/application/support-form.sass
index 2f74ba8d5..8223205ec 100644
--- a/app/assets/stylesheets/application/support-form.sass
+++ b/app/assets/stylesheets/application/support-form.sass
@@ -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