From de99e0236b2c49666cd65b2e2f0e13dbc3d1b0d2 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Thu, 5 Sep 2024 16:28:17 -0700
Subject: [PATCH] Style the face picker on item page nicely for mobile

The desktop view isn't built yet, but this is nice!
---
 app/assets/stylesheets/items/_show.sass | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/items/_show.sass b/app/assets/stylesheets/items/_show.sass
index b0bd73da..51a97ed3 100644
--- a/app/assets/stylesheets/items/_show.sass
+++ b/app/assets/stylesheets/items/_show.sass
@@ -162,11 +162,17 @@ body.items-show
         color: $error-color
 
   species-face-picker
+    margin-top: 1em
+
     display: block
     position: relative
+    max-height: 200px // 4 rows of 50px images, and padding will offer a hint of below
+    padding: 10px // leave enough room for the zoomed-in selected face
+    overflow: auto
 
     species-face-picker-options
       display: flex
+      justify-content: center
       flex-wrap: wrap
 
     img