From 6d60286bf625e2e6d41915f29f3fe843b9f1eeb2 Mon Sep 17 00:00:00 2001
From: Amaury Martiny <amaury.martiny@protonmail.com>
Date: Tue, 23 Jan 2018 16:34:02 +0100
Subject: [PATCH] Add when when too many accounts (#7677)

---
 js/src/Status/DefaultAccount/defaultAccount.css | 9 ++++++---
 js/src/Status/DefaultAccount/defaultAccount.js  | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/js/src/Status/DefaultAccount/defaultAccount.css b/js/src/Status/DefaultAccount/defaultAccount.css
index 7f1fda84d..bcb9da79d 100644
--- a/js/src/Status/DefaultAccount/defaultAccount.css
+++ b/js/src/Status/DefaultAccount/defaultAccount.css
@@ -26,11 +26,14 @@
 .list {
   margin: 0 !important;
   padding: 1em 1em !important;
-  background-color: #f5f5f5;
+  background-color: white;
+  
 }
 
-.isDefault {
-  background-color: white;
+.accountsList {
+  background-color: #f5f5f5;
+  height: 300px;
+  overflow-y: auto;
 }
 
 .hasOtherAccounts {
diff --git a/js/src/Status/DefaultAccount/defaultAccount.js b/js/src/Status/DefaultAccount/defaultAccount.js
index 946d9dc74..030cbacb8 100644
--- a/js/src/Status/DefaultAccount/defaultAccount.js
+++ b/js/src/Status/DefaultAccount/defaultAccount.js
@@ -68,14 +68,14 @@ class DefaultAccount extends Component {
         }
         content={
           <div>
-            <List relaxed='very' selection className={ [styles.list, styles.isDefault, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }>
+            <List relaxed='very' selection className={ [styles.list, allAccounts.length > 1 && styles.hasOtherAccounts].join(' ') }>
               <AccountItem
                 isDefault
                 account={ defaultAccount }
               />
             </List>
             {allAccounts.length > 1 &&
-              <List relaxed='very' selection className={ styles.list } divided>
+              <List relaxed='very' selection className={ [styles.list, styles.accountsList].join(' ') } divided>
                 {allAccounts
                   .filter(({ address }) => address !== defaultAddress)
                   .map(account => (