Add menu carrat next to network searching indicator

ui/app/app.js

@@ -136,7 +136,7 @@ App.prototype.renderAppBar = function () {
         },
       }, [
 
-        h('div', {
+        h('div.left-menu-section', {
           style: {
             display: 'flex',
             flexDirection: 'row',
@@ -151,11 +151,6 @@ App.prototype.renderAppBar = function () {
             src: '/images/icon-128.png',
           }),
 
-          h('#network-spacer.flex-center', {
-            style: {
-              marginRight: '-72px',
-            },
-          }, [
           h(NetworkIndicator, {
             network: this.props.network,
             provider: this.props.provider,
@@ -166,7 +161,6 @@ App.prototype.renderAppBar = function () {
             },
           }),
         ]),
-        ]),
 
         // metamask name
         props.isUnlocked && h('h1', {

ui/app/components/network.js

@@ -22,15 +22,24 @@ Network.prototype.render = function () {
   let iconName, hoverText
 
   if (networkNumber === 'loading') {
-    return h('img.network-indicator', {
-      title: 'Attempting to connect to blockchain.',
+    return h('span', {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'row',
+      },
       onClick: (event) => this.props.onClick(event),
+    }, [
+      h('img', {
+        title: 'Attempting to connect to blockchain.',
         style: {
           width: '27px',
-        marginRight: '-27px',
         },
         src: 'images/loading.svg',
-    })
+      }),
+      h('i.fa.fa-sort-desc'),
+    ])
+
   } else if (providerName === 'mainnet') {
     hoverText = 'Main Ethereum Network'
     iconName = 'ethereum-network'