From aa1327c5af0bcf5eacc416a41bfd15ea3fb87e7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Mart=C3=ADnez?= <germaga92@gmail.com>
Date: Mon, 16 Sep 2019 09:27:56 +0200
Subject: [PATCH] Update provider design

---
 src/components/Header/component/Layout.jsx   | 1 -
 src/components/Header/component/Provider.jsx | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/component/Layout.jsx b/src/components/Header/component/Layout.jsx
index 877647ea..c1fee33c 100644
--- a/src/components/Header/component/Layout.jsx
+++ b/src/components/Header/component/Layout.jsx
@@ -63,7 +63,6 @@ const Layout = openHoc(({
       <SafeListHeader />
       <Divider />
       <Spacer />
-      <Divider />
       <Provider open={open} toggle={toggle} info={providerInfo}>
         {(providerRef) => (
           <Popper open={open} anchorEl={providerRef.current} placement="bottom-end">
diff --git a/src/components/Header/component/Provider.jsx b/src/components/Header/component/Provider.jsx
index dda09c76..466200ec 100644
--- a/src/components/Header/component/Provider.jsx
+++ b/src/components/Header/component/Provider.jsx
@@ -5,6 +5,7 @@ import IconButton from '@material-ui/core/IconButton'
 import ExpandLess from '@material-ui/icons/ExpandLess'
 import ExpandMore from '@material-ui/icons/ExpandMore'
 import Col from '~/components/layout/Col'
+import Divider from '~/components/layout/Divider'
 import { type Open } from '~/components/hoc/OpenHoc'
 import { sm, md } from '~/theme/variables'
 
@@ -20,7 +21,8 @@ const styles = () => ({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    flexBasis: '250px',
+    flexBasis: '280px',
+    marginRight: '20px',
   },
   provider: {
     padding: `${sm} ${md}`,
@@ -54,12 +56,14 @@ class Provider extends React.Component<Props> {
     return (
       <>
         <div ref={this.myRef} className={classes.root}>
+          <Divider />
           <Col end="sm" middle="xs" className={classes.provider} onClick={toggle}>
             {info}
             <IconButton disableRipple className={classes.expand}>
               {open ? <ExpandLess /> : <ExpandMore />}
             </IconButton>
           </Col>
+          <Divider />
         </div>
         {children(this.myRef)}
       </>