Refactor settings stylesheet

chrome/css/settings.css

@@ -2,11 +2,6 @@
  * Element Selectors
  */
 
-a {
-    color: #555;
-    font-weight: 500;
-}
-
 body {
     background-color: #fafafa;
     font-family: "Roboto", Helvetica, sans-serif;
@@ -14,33 +9,35 @@ body {
     padding: 0;
 }
 
-h1 {
+header {
+    background-color: #32373b;
+    color: #fafafa;
+    padding: 0 15px;
+}
+
+h1, h2 {
     font-size: 19px;
     font-weight: 500;
     padding: 22px 0;
 }
 
 h2 {
-    font-size: 19px;
-    font-weight: 500;
     padding: 20px 0;
 }
 
-header {
-    background-color: #32373b;
-    color: #fafafa;
-    padding: 0 15px;
+a {
+    color: #555;
 }
 
 /**
  * Attribute Selectors
  */
 
-[data-active='true'] {
+[data-active="true"] {
     font-weight: 500;
 }
 
-[data-hidden='true'] {
+[data-hidden="true"] {
     display: none;
 }
 
@@ -65,29 +62,29 @@ header {
 
 .notice {
     background-color: #fff;
-    box-shadow: 4px 4px 4px #efefef;
     border-top: 5px solid #ededed;
+    box-shadow: 4px 4px 4px #efefef;
     padding: 15px;
 }
 
 .footnote {
     margin: 0;
     text-align: right;
-    width: 100%
+    width: 100%;
 }
 
 .slider-input {
     background: none;
     border: none;
-    width: 100%;
     margin: 0;
+    width: 100%;
 }
 
 .slider-legend {
     display: flex;
     justify-content: space-between;
-    width: 100%;
     margin: 0;
+    width: 100%;
 }
 
 .slider-legend-item {
@@ -118,18 +115,18 @@ header {
     border: 0;
 }
 
+.slider-input::-moz-range-track {
+    background: #363b40;
+    border-radius: 25px;
+    border: 0 solid #000101;
+    height: 4px;
+    width: 100%;
+}
+
 .slider-input::-moz-range-thumb {
     background: #32373b;
-    border: 0px solid #000000;
     border-radius: 25px;
+    border: 0 solid #000000;
     height: 16px;
     width: 16px;
 }
-
-.slider-input::-moz-range-track {
-    width: 100%;
-    height: 4px;
-    background: #363b40;
-    border-radius: 25px;
-    border: 0px solid #000101;
-}