From 30acfc3ca0bc5948059b4d1fef23f445ffe4c03f Mon Sep 17 00:00:00 2001
From: Vladimir Volek <volek.vladimir@gmail.com>
Date: Sat, 25 Aug 2018 15:03:47 +0200
Subject: [PATCH] Moved wallet main views less to styled-components

---
 src/js/views/Wallet/index.js | 22 ++++++++++++++++++----
 src/styles/content.less      |  9 ---------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/js/views/Wallet/index.js b/src/js/views/Wallet/index.js
index fb72d426..494981d1 100644
--- a/src/js/views/Wallet/index.js
+++ b/src/js/views/Wallet/index.js
@@ -59,21 +59,35 @@ const WalletWrapper = styled.div`
     }
 `;
 
+const MainContent = styled.article`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+`;
+
+const Navigation = styled.nav`
+    height: 64px;
+    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
+    display: flex;
+    background: ${colors.WHITE};
+    position: relative;
+`;
+
 const Wallet = (props: WalletContainerProps) => (
     <AppWrapper>
         <Header />
         <WalletWrapper>
             <LeftNavigation />
-            <article>
-                <nav>
+            <MainContent>
+                <Navigation>
                     <Route path="/device/:device/network/:network/account/:account" component={AccountTabs} />
                     <Route path="/device/:device/device-settings" component={DeviceSettingsTabs} />
-                </nav>
+                </Navigation>
                 <Notifications />
                 <Log />
                 { props.children }
                 <Footer />
-            </article>
+            </MainContent>
         </WalletWrapper>
         <ModalContainer />
     </AppWrapper>
diff --git a/src/styles/content.less b/src/styles/content.less
index ea86891a..d0e3785b 100644
--- a/src/styles/content.less
+++ b/src/styles/content.less
@@ -1,15 +1,6 @@
 article {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
 
     nav {
-        height: 64px;
-        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
-        display: flex;
-        background: @color_white;
-        position: relative;
-
         .account-tabs {
             position: relative;
             display: flex;