From 52be7ef73521a027e634b69b198dbdd5df275e50 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Thu, 18 Jun 2020 14:16:28 -0300
Subject: [PATCH] :ok_hand: remove inline styles from IconLink component

---
 client/modules/IDE/pages/IDEViewMobile.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index 84fd68f0..ff6e5481 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -69,6 +69,12 @@ const Icon = styled.a`
   }
 `;
 
+const StyledLink = styled(Link)`
+  width: 3rem;
+  margin-right: 1.25rem;
+  margin-left: none;
+`;
+
 
 const Screen = ({ children }) => (
   <div className="fullscreen-preview">
@@ -91,9 +97,9 @@ const IDEViewMobile = (props) => {
   return (
     <Screen>
       <Header>
-        <Link to="/" style={{ width: '3rem', marginRight: '1.25rem' }}>
+        <StyledLink to="/">
           <CloseIcon viewBox="20 21 60 60" aria-hidden="true" aria-label="close header" />
-        </Link>
+        </StyledLink>
         <div>
           <h2>{project.name}</h2>
           <h3>{selectedFile.name}</h3>