From f0c50eecb7437fcfe99b5736fd62936360c3452c Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 2 Sep 2020 01:03:51 -0700
Subject: [PATCH] align item elements to the ~top of the row

Essentially I want the center-y visual balance around the image, and the name and _one_ line of tags. If there are extra tags, I want that to go down on its own, rather than bringing down the image+buttons to center against them.

The single-line-of-tags case is the most common, and I think it makes things feel more consistent for all the items to stick to that basic layout, while trying to keep that layout feeling center-y
---
 src/app/WardrobePage/Item.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js
index ab8f55d..a220bce 100644
--- a/src/app/WardrobePage/Item.js
+++ b/src/app/WardrobePage/Item.js
@@ -73,7 +73,7 @@ function Item({
             isDisabled={isDisabled}
           />
         </Box>
-        <Box flex="1 1 0" minWidth="0">
+        <Box flex="1 1 0" minWidth="0" marginTop="1px">
           <ItemName id={itemNameId} isWorn={isWorn} isDisabled={isDisabled}>
             {item.name}
           </ItemName>
@@ -109,7 +109,7 @@ function Item({
             ))}
           </Wrap>
         </Box>
-        <Box flex="0 0 auto">
+        <Box flex="0 0 auto" marginTop="5px">
           {isInOutfit && (
             <ItemActionButton
               icon={<DeleteIcon />}
@@ -159,7 +159,7 @@ function ItemSkeleton() {
     <ItemContainer isDisabled>
       <Skeleton width="50px" height="50px" />
       <Box width="3" />
-      <Skeleton height="1.5rem" width="12rem" />
+      <Skeleton height="1.5rem" width="12rem" alignSelf="center" />
     </ItemContainer>
   );
 }
@@ -195,7 +195,6 @@ function ItemContainer({ children, isDisabled = false }) {
       my="1"
       borderRadius="lg"
       d="flex"
-      alignItems="center"
       cursor={isDisabled ? undefined : "pointer"}
       border="1px"
       borderColor="transparent"