Improved options page

pages/options/options.css

@@ -269,24 +269,20 @@ body {
 
 #block-google-fonts {
     padding-left: 1.8rem;
-    padding-bottom: 0px;
 }
 
 .bgf-slideup, .bgf-slidedown {
-    height: 0px;
+    max-height: 0px;
     overflow-y: hidden;
-    -webkit-transition: height 0.8s ease-in-out;
-    -moz-transition: height 0.8s ease-in-out;
-    -o-transition: height 0.8s ease-in-out;
-    transition: height 0.8s ease-in-out;
+    padding-bottom: 0px;
+    -webkit-transition: max-height 0.8s ease-in-out;
+    -moz-transition: max-height 0.8s ease-in-out;
+    -o-transition: max-height 0.8s ease-in-out;
+    transition: max-height 0.8s ease-in-out;
 }
 .bgf-slidedown {
     padding-top: .5rem;
-    height: 60px;
-}
-
-.no-padding-bottom {
-    padding-bottom: 0px;
+    max-height: 100px;
 }
 
 /**

pages/options/options.html

@@ -37,7 +37,7 @@
                 </div>
                 <div class="description-option" data-i18n-content="showIconBadgeDescription"></div>
             </section>
-            <section id="block-missing" class="option">
+            <section class="option">
                 <div class="title-option">
                     <label class="b-contain">
                         <input data-option="blockMissing" type="checkbox">

pages/options/options.js

@@ -371,11 +371,9 @@ options._updatesDomainLists = function(changes) {
 options._displayBlockGoogleFonts = function(value) {
     if (value === true) {
         document.getElementById('block-google-fonts').classList.add('bgf-slideup');
-        document.getElementById('block-missing').classList.remove('no-padding-bottom');
         document.getElementById('block-google-fonts').classList.remove('bgf-slidedown');
     } else {
         document.getElementById('block-google-fonts').classList.add('bgf-slidedown');
-        document.getElementById('block-missing').classList.add('no-padding-bottom');
         document.getElementById('block-google-fonts').classList.remove('bgf-slideup');
     }
 };