From 410f9a9133554014a993b14771bce151e9a63b1f Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Tue, 11 Jul 2017 00:20:31 -0700
Subject: [PATCH] styled components over inline css

---
 frontend/scenes/Document/Document.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/scenes/Document/Document.js b/frontend/scenes/Document/Document.js
index fa28558a3..c82315c5b 100644
--- a/frontend/scenes/Document/Document.js
+++ b/frontend/scenes/Document/Document.js
@@ -171,13 +171,12 @@ type Props = {
           </CenteredContent>}
         {!isFetching &&
           this.document &&
-          <DropToImport
+          <StyledDropToImport
             documentId={this.document.id}
             history={this.props.history}
             onDragEnter={this.onStartDragging}
             onDragLeave={this.onStopDragging}
             onDrop={this.onStopDragging}
-            style={{ display: 'flex', flex: 1 }}
           >
             <Flex justify="center" auto>
               <Prompt
@@ -215,7 +214,7 @@ type Props = {
                 </Flex>
               </Meta>
             </Flex>
-          </DropToImport>}
+          </StyledDropToImport>}
       </Container>
     );
   }
@@ -263,4 +262,9 @@ const DocumentContainer = styled.div`
   width: 50em;
 `;
 
+const StyledDropToImport = styled(DropToImport)`
+  display: flex;
+  flex: 1;
+`;
+
 export default withRouter(inject('ui', 'user', 'documents')(DocumentScene));