From 785a98274b6218975803760b0e56d9cac7684d5a Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Tue, 14 Nov 2017 21:51:23 -0500
Subject: [PATCH] Only apply to Chrome

---
 options/options.css | 29 +++++++++++++++--------------
 options/options.js  |  2 +-
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/options/options.css b/options/options.css
index ddd62ef4..4b8d811a 100644
--- a/options/options.css
+++ b/options/options.css
@@ -180,24 +180,24 @@ input[type="color"] {
   display: none;
 }
 
-#advanced.collapsed {
+#advanced.collapsible.collapsed {
   height: 40px;
   padding: 0;
   margin: 0;
   justify-content: center;
 }
 
-#options > .block:nth-last-of-type(3) {
+html:not(.firefox):not(.opera) #options > .block:nth-last-of-type(3) {
   margin-bottom: 0;
 }
 
-#advanced:not(.collapsed) .collapsible-resizer {
+#advanced.collapsible:not(.collapsed) .collapsible-resizer {
   padding-right: 8px;
   box-sizing: border-box;
   width: 30%;
 }
 
-#advanced h1 {
+#advanced.collapsible h1 {
   width: unset;
   padding: 0;
   color: #333;
@@ -206,44 +206,45 @@ input[type="color"] {
   align-items: center;
 }
 
-#advanced:not(.collapsed) h1:hover {
+#advanced.collapsible:not(.collapsed) h1:hover {
   color: #666;
 }
 
-#advanced.collapsed h1 {
+#advanced.collapsible.collapsed h1 {
   padding: 0;
   color: #666;
 }
 
-#advanced.collapsed:hover h1 {
+#advanced.collapsible.collapsed:hover h1 {
   color: #333;
 }
 
-#advanced .svg-icon {
+#advanced.collapsible .svg-icon {
   fill: #333;
   transition: fill .5s;
   height: 16px;
   width: 16px;
 }
 
-#advanced.collapsed .svg-icon,
-#advanced:not(.collapsed) h1:hover .svg-icon {
+#advanced.collapsible.collapsed .svg-icon,
+#advanced.collapsible:not(.collapsed) h1:hover .svg-icon {
   fill: #666;
 }
 
-#advanced.collapsed:hover .svg-icon {
+#advanced.collapsible.collapsed:hover .svg-icon {
   fill: #333;
 }
 
-#advanced h1 .svg-icon {
+#advanced.collapsible h1 .svg-icon {
   margin-left: 2px;
 }
 
-#advanced.collapsed .is-expanded {
+#advanced.collapsible.collapsed .is-expanded,
+#advanced:not(.collapsible) .svg-icon {
   display: none;
 }
 
-#advanced:not(.collapsed) .is-collapsed {
+#advanced.collapsible:not(.collapsed) .is-collapsed {
   display: none;
 }
 
diff --git a/options/options.js b/options/options.js
index 3450af6d..aec49a12 100644
--- a/options/options.js
+++ b/options/options.js
@@ -6,7 +6,7 @@ enforceInputRange($('#popupWidth'));
 
 if (!FIREFOX && !OPERA) {
   const block = $('#advanced');
-  block.classList.add('collapsed');
+  block.classList.add('collapsible', 'collapsed');
   block.onclick = event => {
     if (block.classList.contains('collapsed') || event.target.closest('h1')) {
       block.classList.toggle('collapsed');