From ce2e9872cf7470dcf019db742bf5a1011fc1d300 Mon Sep 17 00:00:00 2001
From: Kevin Serrano <kevin.serrano@consensys.net>
Date: Thu, 3 Aug 2017 15:51:20 -0700
Subject: Remove 100% properties that were messing up sizing.

---
 ui/app/css/index.css | 2 --
 1 file changed, 2 deletions(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 05bdb33af..e9a70b3a2 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -19,8 +19,6 @@ html, body {
   font-weight: 300;
   line-height: 1.4em;
   background: #F7F7F7;
-  width: 100%;
-  height: 100%;
   margin: 0;
   padding: 0;
 }
-- 
cgit v1.2.3


From 086441e41c3a06cb062a475b59b542aa4ea6f185 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Thu, 3 Aug 2017 18:50:29 -0700
Subject: Increase size of network dropdown

---
 ui/app/css/index.css | 2 +-
 ui/app/css/lib.css   | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index e9a70b3a2..49b432a1f 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -201,7 +201,7 @@ textarea.twelve-word-phrase {
 }
 
 .check {
-  margin-left: 7px;
+  margin-left: 12px;
   color: #F7861C;
   flex: 1 0 auto;
   display: flex;
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 98570859a..6fff4f56a 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -238,10 +238,15 @@ hr.horizontal-line {
 
 .menu-icon {
   display: inline-block;
-  height: 9px;
-  min-width: 9px;
+  height: 12px;
+  min-width: 12px;
   margin: 13px;
 }
+
+i.fa.fa-question-circle.fa-lg.menu-icon {
+  font-size: 18px;
+}
+
 .ether-icon {
   background: rgb(0, 163, 68);
   border-radius: 20px;
-- 
cgit v1.2.3


From 0cd72db2d2aa575420befa687156cf2bd271b6dd Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Fri, 4 Aug 2017 12:57:16 -0700
Subject: Adds early breakpoint from @frankiebee 's + @kumavis 's CR

---
 ui/app/css/lib.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'ui/app/css')

diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 6fff4f56a..e7b3bab05 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -276,3 +276,27 @@ i.fa.fa-question-circle.fa-lg.menu-icon {
   color: red;
 }
 
+// Account Subsection + Tab Section Breakpoints Hack:
+//   Resolves issue from @frankiebee in:
+//   https://github.com/MetaMask/metamask-extension/pull/1835
+// Please remove this when integrating new designs
+@media screen and (min-width: 575px) and (max-width: 800px) {
+  .account-data-subsection {
+    flex: 0 0 auto !important; // needs to remove default flex settings
+    width: 40%;
+    margin-left: 10px !important;
+    margin-right: 10px !important;
+  }
+
+  .tabSection {
+    flex: 0 0 auto !important; // needs to remove default flex settings
+    width: 49%;
+    min-width: 305px; // min-width needs to be low for an early break
+    margin-left: 10px !important;
+    margin-right: 10px !important;
+  }
+
+  .name-label {
+    width: 80%; // repositions dropdown after early break
+  }
+}
-- 
cgit v1.2.3


From 8cc3ae5988d652b73217e80df93a685d7e5a8422 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Fri, 4 Aug 2017 13:19:06 -0700
Subject: Cleanup breakpoint css + comment on hackiness

---
 ui/app/css/lib.css | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index e7b3bab05..81647d1c1 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -276,27 +276,30 @@ i.fa.fa-question-circle.fa-lg.menu-icon {
   color: red;
 }
 
-// Account Subsection + Tab Section Breakpoints Hack:
-//   Resolves issue from @frankiebee in:
-//   https://github.com/MetaMask/metamask-extension/pull/1835
-// Please remove this when integrating new designs
+/*
+  Hacky breakpoint fix for account + tab sections
+    Resolves issue from @frankiebee in
+    https://github.com/MetaMask/metamask-extension/pull/1835
+  Please remove this when integrating new designs
+ */
+
 @media screen and (min-width: 575px) and (max-width: 800px) {
   .account-data-subsection {
-    flex: 0 0 auto !important; // needs to remove default flex settings
-    width: 40%;
-    margin-left: 10px !important;
+    flex: 0 0 auto !important; // reset flex
+    margin-left: 10px !important; // create additional horizontal space
     margin-right: 10px !important;
+    width: 40%;
   }
 
   .tabSection {
-    flex: 0 0 auto !important; // needs to remove default flex settings
-    width: 49%;
-    min-width: 305px; // min-width needs to be low for an early break
+    flex: 0 0 auto !important;
     margin-left: 10px !important;
     margin-right: 10px !important;
+    min-width: 285px;
+    width: 49%;
   }
 
   .name-label {
-    width: 80%; // repositions dropdown after early break
+    width: 80%;
   }
 }
-- 
cgit v1.2.3