From 46b8245b9a65b22d2b29227dc2ee5b2b8dc39218 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 1 Sep 2020 20:45:30 -0700
Subject: [PATCH] rearrange item buttons for consistency

On the search panel, not all items have the remove button, and it's confusing to have the other buttons be in inconsistent positions!

Move the Remove button to the left side of the list, so that everything else is positioned the same regardless
---
 src/app/WardrobePage/Item.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js
index 984a595..93f800e 100644
--- a/src/app/WardrobePage/Item.js
+++ b/src/app/WardrobePage/Item.js
@@ -109,6 +109,16 @@ function Item({
           </Wrap>
         </Box>
         <Box flex="0 0 auto">
+          {isInOutfit && (
+            <ItemActionButton
+              icon={<DeleteIcon />}
+              label="Remove"
+              onClick={(e) => {
+                dispatchToOutfit({ type: "removeItem", itemId: item.id });
+                e.preventDefault();
+              }}
+            />
+          )}
           <SupportOnly>
             <ItemActionButton
               icon={<EditIcon />}
@@ -127,16 +137,6 @@ function Item({
             }-${item.name.replace(/ /g, "-")}`}
             onClick={(e) => e.stopPropagation()}
           />
-          {isInOutfit && (
-            <ItemActionButton
-              icon={<DeleteIcon />}
-              label="Remove"
-              onClick={(e) => {
-                dispatchToOutfit({ type: "removeItem", itemId: item.id });
-                e.preventDefault();
-              }}
-            />
-          )}
         </Box>
       </ItemContainer>
       <SupportOnly>