From 12bd207e53c1b80e6a482bf646c79456d8e9c78c Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 2 Feb 2017 13:30:36 +0100
Subject: [PATCH] Fix ParityBar account selection overflows (#4405)

---
 js/src/ui/SectionList/sectionList.css | 8 +++++++-
 js/src/views/ParityBar/parityBar.css  | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/js/src/ui/SectionList/sectionList.css b/js/src/ui/SectionList/sectionList.css
index 0cb6dd469..02340fd55 100644
--- a/js/src/ui/SectionList/sectionList.css
+++ b/js/src/ui/SectionList/sectionList.css
@@ -16,7 +16,7 @@
 */
 
 .section {
-  margin-bottom: 1em;
+  overflow-x: hidden;
   position: relative;
 
   .overlay {
@@ -33,6 +33,7 @@
   .row {
     display: flex;
     justify-content: center;
+    overflow-x: hidden;
 
     /* TODO: As per JS comments, the flex-base could be adjusted in the future to allow for */
     /* case where <> 3 columns are required should the need arrise from a UI pov. */
@@ -42,6 +43,7 @@
       display: flex;
       flex: 0 1 33.33%;
       opacity: 0.75;
+      overflow-x: hidden;
       padding: 0.25em;
       transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
 
@@ -76,3 +78,7 @@
     }
   }
 }
+
+.section+.section {
+  margin-top: 1em;
+}
diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index 1d37cb177..0bd752b82 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -18,6 +18,7 @@
 .account {
   display: flex;
   flex: 1;
+  overflow: hidden;
   position: relative;
 
   .accountOverlay {
@@ -109,6 +110,7 @@
   display: flex;
   flex-direction: column;
   max-height: 50vh;
+  max-width: calc(100vw - 1em);
 
   .content {
     flex: 1;
@@ -116,7 +118,6 @@
     overflow-x: hidden;
     display: flex;
     background: rgba(0, 0, 0, 0.8);
-    min-height: 16em;
   }
 }