Replace ui with responsive-ui

2 files changed, 16 insertions, 3 deletions

diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 808aafb4c..2ae92bbd6 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -19,6 +19,15 @@ html, body {
   font-weight: 300;
   line-height: 1.4em;
   background: #F7F7F7;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.css-transition-group {
+  flex: 1;
+  height: 100%;
 }
 
 input:focus, textarea:focus {
@@ -28,8 +37,7 @@ input:focus, textarea:focus {
 #app-content {
   overflow-x: hidden;
   min-width: 357px;
-  width: 360px;
-  height: 500px;
+  height: 100%;
 }
 
 button, input[type="submit"] {
@@ -403,7 +411,8 @@ input.large-input {
 /* account detail screen */
 
 .account-detail-section {
-
+  display: flex;
+  flex-wrap: wrap;
 }
 .name-label{
 
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 910a24ee2..b0ca958a2 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -232,6 +232,10 @@ hr.horizontal-line {
   align-items: center;
 }
 
+.tabSection {
+  min-width: 350px;
+}
+
 .menu-icon {
   display: inline-block;
   height: 9px;