From 2856305977d665b2af42aa06dcc17f15e77335d7 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Wed, 20 Dec 2017 12:36:04 +0100
Subject: [PATCH] Fix broken flex modal layouts (#7343)

---
 js-old/src/ui/AccountCard/accountCard.css          |  1 -
 js-old/src/ui/Form/AddressSelect/addressSelect.css | 10 +---------
 js-old/src/ui/Form/AddressSelect/addressSelect.js  |  2 +-
 js-old/src/ui/Portal/portal.css                    |  7 +++----
 js-old/src/ui/SelectionList/selectionList.css      |  2 --
 5 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/js-old/src/ui/AccountCard/accountCard.css b/js-old/src/ui/AccountCard/accountCard.css
index e6cafe656..d260b78b7 100644
--- a/js-old/src/ui/AccountCard/accountCard.css
+++ b/js-old/src/ui/AccountCard/accountCard.css
@@ -20,7 +20,6 @@
   background-color: rgba(0, 0, 0, 0.8);
   display: flex;
   flex-direction: row;
-  height: 100%;
   overflow: hidden;
   transition: transform ease-out 0.1s;
   transform: scale(1);
diff --git a/js-old/src/ui/Form/AddressSelect/addressSelect.css b/js-old/src/ui/Form/AddressSelect/addressSelect.css
index 5b7ced748..46c902c21 100644
--- a/js-old/src/ui/Form/AddressSelect/addressSelect.css
+++ b/js-old/src/ui/Form/AddressSelect/addressSelect.css
@@ -105,9 +105,7 @@
 }
 
 .inputContainer {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
+  justify-content: flex-start;
 
   .input {
     font-size: 1.5em;
@@ -134,8 +132,6 @@
 }
 
 .category {
-  display: flex;
-  flex-direction: column;
   margin: 0 0.5em;
   max-width: 35em;
 
@@ -149,12 +145,8 @@
   }
 
   .cards {
-    flex: 1;
     overflow: auto;
 
-    display: flex;
-    flex-direction: column;
-
     margin: 1em 0;
   }
 
diff --git a/js-old/src/ui/Form/AddressSelect/addressSelect.js b/js-old/src/ui/Form/AddressSelect/addressSelect.js
index daa34d988..f02320a99 100644
--- a/js-old/src/ui/Form/AddressSelect/addressSelect.js
+++ b/js-old/src/ui/Form/AddressSelect/addressSelect.js
@@ -335,7 +335,7 @@ class AddressSelect extends Component {
 
       content = (
         <div className={ styles.cards }>
-          <div>{ cards }</div>
+          { cards }
         </div>
       );
     }
diff --git a/js-old/src/ui/Portal/portal.css b/js-old/src/ui/Portal/portal.css
index 85e8be4f1..96226f363 100644
--- a/js-old/src/ui/Portal/portal.css
+++ b/js-old/src/ui/Portal/portal.css
@@ -82,10 +82,9 @@ $popoverZ: 3600;
     /* but may well be) will scretch to non-visible areas.
     */
     &.small {
-      margin: 1.5em auto;
-      max-width: 768px;
-      position: relative;
-      width: 75%;
+      left: 50%;
+      margin: 1.5em -384px;
+      width: 768px;
     }
   }
 
diff --git a/js-old/src/ui/SelectionList/selectionList.css b/js-old/src/ui/SelectionList/selectionList.css
index b6e6b05f9..00c658a13 100644
--- a/js-old/src/ui/SelectionList/selectionList.css
+++ b/js-old/src/ui/SelectionList/selectionList.css
@@ -19,7 +19,6 @@
   cursor: pointer;
   display: flex;
   flex: 1;
-  height: 100%;
   position: relative;
   width: 100%;
 
@@ -29,7 +28,6 @@
   }
 
   .content {
-    height: 100%;
     width: 100%;
 
     &:hover {