From b72861fc9848a474badac076951d5286a996d2e8 Mon Sep 17 00:00:00 2001
From: Dan Finlay <dan@danfinlay.com>
Date: Mon, 3 Jul 2017 17:18:26 -0700
Subject: Make responsive UI more flexy

---
 ui/responsive/app/css/index.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'ui/responsive/app/css')

diff --git a/ui/responsive/app/css/index.css b/ui/responsive/app/css/index.css
index 808aafb4c..c82c1b21b 100644
--- a/ui/responsive/app/css/index.css
+++ b/ui/responsive/app/css/index.css
@@ -19,6 +19,14 @@ html, body {
   font-weight: 300;
   line-height: 1.4em;
   background: #F7F7F7;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.css-transition-group {
+  flex: 1;
 }
 
 input:focus, textarea:focus {
@@ -28,8 +36,6 @@ input:focus, textarea:focus {
 #app-content {
   overflow-x: hidden;
   min-width: 357px;
-  width: 360px;
-  height: 500px;
 }
 
 button, input[type="submit"] {
@@ -403,7 +409,8 @@ input.large-input {
 /* account detail screen */
 
 .account-detail-section {
-
+  display: flex;
+  flex-wrap: wrap;
 }
 .name-label{
 
-- 
cgit