From a3778d0467ef1fd1806f1fa16cd9f6c3a6b68601 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sat, 25 Apr 2020 23:06:54 -0700
Subject: [PATCH] put edit button back in the layout flow!

---
 src/ItemsPanel.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/ItemsPanel.js b/src/ItemsPanel.js
index 5541e81..db70982 100644
--- a/src/ItemsPanel.js
+++ b/src/ItemsPanel.js
@@ -146,13 +146,13 @@ function OutfitHeading({ outfitState, dispatchToOutfit }) {
             }
           >
             {({ isEditing, onRequestEdit }) => (
-              <>
+              <Flex align="flex-top">
                 <EditablePreview />
                 <EditableInput />
                 {!isEditing && (
                   <OutfitNameEditButton onRequestEdit={onRequestEdit} />
                 )}
-              </>
+              </Flex>
             )}
           </Editable>
         </Heading1>
@@ -164,12 +164,10 @@ function OutfitHeading({ outfitState, dispatchToOutfit }) {
 function OutfitNameEditButton({ onRequestEdit }) {
   return (
     <PseudoBox
-      d="inline-block"
       opacity="0"
       transition="opacity 0.5s"
       _groupHover={{ opacity: "1" }}
       onClick={onRequestEdit}
-      position="absolute"
     >
       <IconButton
         icon="edit"