Change clickable area for account detail; change network dot size

ui/app/components/wallet-view.js

@@ -112,8 +112,9 @@ WalletView.prototype.render = function () {
 
       h('div.wallet-view__keyring-label', isLoose ? 'IMPORTED' : ''),
 
-      h('div.flex-column.flex-center', {
+      h('div.flex-column.flex-center.wallet-view__name-container', {
         style: { margin: '0 auto' },
+        onClick: showAccountDetailModal,
       }, [
         h(Identicon, {
           diameter: 54,
@@ -125,10 +126,11 @@ WalletView.prototype.render = function () {
         }, [
           selectedIdentity.name,
         ]),
+
+        h('button.wallet-view__details-button', 'DETAILS'),
       ]),
     ]),
 
-    h('button.wallet-view__details-button', { onClick: showAccountDetailModal }, 'DETAILS'),
 
     h('div.wallet-view__address', { onClick: () => copyToClipboard(selectedAddress) }, [
       `${selectedAddress.slice(0, 4)}...${selectedAddress.slice(-4)}`,

ui/app/css/itcss/components/network.scss

@@ -40,7 +40,7 @@
 .dropdown-menu-item {
   .menu-icon-circle,
   .menu-icon-circle--active {
-    margin: 0 16px;
+    margin: 0 14px;
   }
 }
 
@@ -116,8 +116,8 @@
 
 .menu-icon-circle div,
 .menu-icon-circle--active div {
-  height: 17px;
-  width: 17px;
+  height: 12px;
+  width: 12px;
   border-radius: 17px;
 }
 

ui/app/css/itcss/components/newui-sections.scss

@@ -54,7 +54,12 @@ $wallet-view-bg: $wild-sand;
   }
 
   .wallet-view-account-details {
-    flex: 0 0 150px;
+    flex: 0 0 auto;
+  }
+
+  &__name-container {
+    flex: 0 0 auto;
+    cursor: pointer;
   }
 
   &__keyring-label {
@@ -244,6 +249,7 @@ $wallet-view-bg: $wild-sand;
   line-height: 20px;
   color: $scorpion;
   margin-top: 8px;
+  margin-bottom: 24px;
 }
 
 // account options dropdown