From 0839a358d36156ad33a68953042a47679ed6079b Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Tue, 11 Apr 2017 14:26:08 -0700
Subject: [PATCH] Fix scroll overflow in installer layout

Make it slightly more responsive at smaller window sizes.

// FREEBIE
---
 stylesheets/manifest.css | 6 ++----
 stylesheets/options.css  | 6 ++----
 stylesheets/options.scss | 8 ++------
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index a7509d3a0390..82af57a32a92 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -3285,9 +3285,6 @@ li.entry .error-icon-container {
   text-align: center;
   font-size: 16px;
   overflow: auto; }
-  @media screen and (max-height: 665px) {
-    #install {
-      height: 666px; } }
   #install input, #install button, #install select, #install textarea {
     font-family: inherit;
     font-size: inherit;
@@ -3314,6 +3311,7 @@ li.entry .error-icon-container {
   #install p {
     max-width: 35em;
     margin: 1em auto;
+    padding: 0 1em;
     line-height: 1.5em;
     font-size: 1.2em;
     font-weight: bold; }
@@ -3335,7 +3333,7 @@ li.entry .error-icon-container {
     width: 100%;
     bottom: 50px;
     margin-top: auto;
-    padding: 0 20px; }
+    padding: 20px; }
     #install .nav .button {
       margin-bottom: 3em; }
     #install .nav .dot {
diff --git a/stylesheets/options.css b/stylesheets/options.css
index a295d48e746e..3ad6bfdbdd7d 100644
--- a/stylesheets/options.css
+++ b/stylesheets/options.css
@@ -846,9 +846,6 @@
   text-align: center;
   font-size: 16px;
   overflow: auto; }
-  @media screen and (max-height: 665px) {
-    #install {
-      height: 666px; } }
   #install input, #install button, #install select, #install textarea {
     font-family: inherit;
     font-size: inherit;
@@ -875,6 +872,7 @@
   #install p {
     max-width: 35em;
     margin: 1em auto;
+    padding: 0 1em;
     line-height: 1.5em;
     font-size: 1.2em;
     font-weight: bold; }
@@ -896,7 +894,7 @@
     width: 100%;
     bottom: 50px;
     margin-top: auto;
-    padding: 0 20px; }
+    padding: 20px; }
     #install .nav .button {
       margin-bottom: 3em; }
     #install .nav .dot {
diff --git a/stylesheets/options.scss b/stylesheets/options.scss
index f44ee3ae69ce..81ceb9692a3d 100644
--- a/stylesheets/options.scss
+++ b/stylesheets/options.scss
@@ -14,11 +14,6 @@
   font-size: 16px;
   overflow: auto;
 
-  // 666px is the minimum window height in chromium.js
-  @media screen and (max-height: 665px) {
-    height: 666px;
-  }
-
   input, button, select, textarea {
     font-family: inherit;
     font-size: inherit;
@@ -55,6 +50,7 @@
   p {
     max-width: 35em;
     margin: 1em auto;
+    padding: 0 1em;
     line-height: 1.5em;
     font-size: 1.2em;
     font-weight: bold;
@@ -83,7 +79,7 @@
     width: 100%;
     bottom: 50px;
     margin-top: auto;
-    padding: 0 20px;
+    padding: 20px;
 
     .button {
       margin-bottom: 3em;