Update account dropdowns (#2959)

* Simplify & consolidate address items

* Adjust dropdown background

js/src/ui/Form/AddressSelect/addressSelect.css

@@ -15,26 +15,24 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 .account {
-  max-height: 36px;
   padding: 4px 0 0 0;
-  line-height: 32px;
-  margin-top: 11px;
 }
 
-.details {
+.name {
+  height: 32px;
+  line-height: 32px;
   display: inline-block;
   vertical-align: top;
+  text-transform: uppercase;
+  padding: 0 0 0 1em;
 }
 
 .image {
   display: inline-block;
-  max-height: 32px;
-}
-
-.name {
-  line-height: 32px;
-  vertical-align: top;
-  text-transform: uppercase;
+  height: 32px;
+  width: 32px;
+  margin: 0;
+  z-index: 10;
 }
 
 .icon {
@@ -50,3 +48,8 @@
 .container {
   position: relative;
 }
+
+.menuItem {
+  min-height: 0 !important;
+  line-height: inherit !important;
+}

js/src/ui/Form/AddressSelect/addressSelect.js

@@ -104,21 +104,19 @@ export default class AddressSelect extends Component {
   renderSelectEntry = (entry) => {
     const item = (
       <div className={ styles.account }>
-        <div className={ styles.image }>
-          <IdentityIcon
-            inline center
-            address={ entry.address } />
-        </div>
-        <div className={ styles.details }>
-          <div className={ styles.name }>
-            <IdentityName address={ entry.address } />
-          </div>
-        </div>
+        <IdentityIcon
+          className={ styles.image }
+          inline center
+          address={ entry.address } />
+        <IdentityName
+          className={ styles.name }
+          address={ entry.address } />
       </div>
     );
 
     return (
       <MenuItem
+        className={ styles.menuItem }
         key={ entry.address }
         value={ entry.address }
         label={ item }>