From e6aa5416f9a75c60e1755aa591ed8e1b3a40341c Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Thu, 7 Dec 2017 07:56:00 -0500
Subject: [PATCH] Updates for compatibility

---
 global.css  | 44 +++++++++++---------------------------------
 manage.html |  4 ++--
 2 files changed, 13 insertions(+), 35 deletions(-)

diff --git a/global.css b/global.css
index 0d2a5443..9f1f19cf 100644
--- a/global.css
+++ b/global.css
@@ -54,7 +54,6 @@ input[type="checkbox"]:not(.slider) {
   position: absolute;
   left: 0;
   top: 0;
-  pointer-events: none;
   border: 1px solid hsl(0, 0%, 46%);
   height: 12px;
   width: 12px;
@@ -99,6 +98,7 @@ select {
   -moz-appearance: none;
   -webkit-appearance: none;
   height: 22px;
+  font: 400 13.3333px Arial;
   color: #000;
   background-color: transparent;
   border: 1px solid hsl(0, 0%, 66%);
@@ -133,9 +133,14 @@ select {
   .moz-appearance-bug input[type="checkbox"] {
     -moz-appearance: checkbox !important;
   }
-
+  
   .firefox select {
     padding: 0 20px 0 2px;
+    line-height: 22px!important;
+  }
+
+  svg {
+    transform: scale(1); /* de-blur */
   }
 
 /* We can customize everything about number inputs except arrows. They're horrible in Linux FF, so we'll hide them unless hovered or focused. */
@@ -150,42 +155,15 @@ select {
   .firefox.non-windows input[type="number"]:focus {
     -moz-appearance: number-input;
   }
-
-  .firefox.non-windows fieldset {
-    border-color: hsl(0, 0%, 66%);
-  }
-
-/* Fixes stable, beta, and nightly. First rule alone works for Linux. */
-/* All these tweaks aren't just a custom button thing, vertical text alignment of default buttons in FF is also a joke. */
+  
+/* Firefox cannot handle fractions in font-size */
   .firefox button:not(.install) {
+    font-size: 13px;
     line-height: 13px;
     padding: 3px 7px;
   }
 
-  .firefox:not(.non-windows) #stylus-popup button:not(.install),
-  .firefox:not(.non-windows) #backup button:not(.install),
-  .firefox:not(.non-windows) #check-all-updates:not(.install),
-  .firefox:not(.non-windows) #stylus-edit #actions > div:first-child button:not(.install),
-  .firefox:not(.non-windows) button.remove-applies-to:not(.install),
-  .firefox:not(.non-windows) button.remove-applies-to + button.add-applies-to:not(.install),
-  .firefox:not(.non-windows) .beautify-options + div button:not(.install) {
-    padding: 2px 7px 4px;
-  }
-
-/* Fixes ESR. Linux not included since i didn't test it. Gotta draw the line somewhere. */
-  .firefox.moz-appearance-bug:not(.non-windows) button:not(.install) {
-    line-height: 13px;
+  .firefox.moz-appearance-bug button:not(.install){
     padding: 2px 4px;
   }
-
-  .firefox.moz-appearance-bug:not(.non-windows) #stylus-popup button:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) #backup button:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) #check-all-updates:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) #stylus-edit #actions > div:first-child button:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) button.remove-applies-to:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) button.remove-applies-to + button.add-applies-to:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) .beautify-options + div button:not(.install),
-  .firefox.moz-appearance-bug:not(.non-windows) #message-box-buttons button:not(.install) {
-    padding: 1px 4px 3px;
-  }
 }
diff --git a/manage.html b/manage.html
index 0ef738a0..a6ce6452 100644
--- a/manage.html
+++ b/manage.html
@@ -259,7 +259,7 @@
     <button id="check-all-updates-force" class="hidden" i18n-text="checkAllUpdatesForce"></button>
   </p>
 
-  <p id="add-style-wrapper">
+  <div id="add-style-wrapper">
     <a href="edit.html">
       <button id="add-style-label" i18n-text="addStyleLabel"></button>
     </a>
@@ -275,7 +275,7 @@
         </svg>
       </a>
     </label>
-  </p>
+  </div>
 
   <details id="options" data-pref="manage.options.expanded">