style: optimze the looks

Author: mydearxym

components/Navigator/styles/index.js

@@ -11,7 +11,7 @@ export const Breadcrumbs = styled.div`
 `
 export const Logo = styled(Img)`
   height: 22px;
-  margin-top: 1px;
+  margin-top: -5px;
   width: 22px;
   opacity: 0.7;
 `

components/PostItem/index.js

@@ -28,7 +28,9 @@ const PostItem = ({
   accountInfo,
 }) => {
   // debug('customization --> ', customization)
-  const { customization: { contentsLayout, contentDivider } } = accountInfo
+  const {
+    customization: { contentsLayout, contentDivider },
+  } = accountInfo
 
   /*
      debug('entry --> ', entry)

containers/MailBox/styles/index.js

@@ -13,7 +13,6 @@ export const HeaderMailIcon = styled(HeaderMailSVG)`
   height: 20px;
   cursor: pointer;
   margin-right: 12px;
-  margin-top: -2px;
 `
 export const NofityDot = styled.div`
   position: absolute;

containers/UsersThread/GeoMap.js

@@ -6,6 +6,8 @@ import { withTheme } from 'styled-components'
 import fetchGeoData from './geo_data'
 
 import { Margin } from '../../components'
+
+import { MapWrapper } from './styles'
 import { makeDebugger, uid, theme as themeHelper } from '../../utils'
 
 /* eslint-disable no-unused-vars */
@@ -147,7 +149,7 @@ class LocationMap extends React.Component {
 
   render() {
     return (
-      <div>
+      <MapWrapper>
         <ReactResizeDetector
           handleWidth
           refreshMode="debounce"
@@ -158,7 +160,7 @@ class LocationMap extends React.Component {
         />
         <div id={this.chartId} />
         <Margin bottom="10px" />
-      </div>
+      </MapWrapper>
     )
   }
 }

containers/UsersThread/styles/index.js

@@ -5,3 +5,7 @@ import styled from 'styled-components'
 
 export const Wrapper = styled.div``
 export const Title = styled.div``
+
+export const MapWrapper = styled.div`
+  width: 100%;
+`