From beb606c6ca49257640dbb368b1bb0150af23925d Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Sat, 19 Jun 2021 12:52:16 -0700
Subject: [PATCH] Oops, fix alignment in virtualized lists!

Forgot to top-align stuff! And then needed to add some padding to make sure the shadows show up.
---
 src/app/UserItemListPage.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/app/UserItemListPage.js b/src/app/UserItemListPage.js
index 65cc6a4..311071f 100644
--- a/src/app/UserItemListPage.js
+++ b/src/app/UserItemListPage.js
@@ -494,7 +494,13 @@ function ClosetItemList({ items, tradeMatchingMode }) {
                         key={key}
                         style={style}
                         spacing="4"
+                        align="flex-top"
                         justify="center"
+                        // We need to provide some extra space up top, so that
+                        // the virtualized row (which has overflow: hidden)
+                        // doesn't cut off overflowing effects like trade match
+                        // shadows.
+                        paddingTop="2"
                       >
                         {itemsForRow.map(renderItem)}
                       </HStack>