Cleanup breakpoint css + comment on hackiness

1 files changed, 14 insertions, 11 deletions

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%;
   }
 }