Optimize styles: added comments, fixed some styles, changed some styles order

css/controls.css

@@ -1,4 +1,5 @@
 /* Check Boxes */
+
 .check-box StBoxLayout {
 	spacing: .8em;
 }
@@ -23,6 +24,7 @@
 
 
 /* Toggles */
+
 .toggle-switch {
 	background-image: url("./toggle-off.svg");
 	background-color: ACCENT-DISABLED_HOVER;
@@ -37,6 +39,7 @@
 
 
 /* Do Not Distrub toggle */
+
 .dnd-button {
 	width: 48px;
 	border-radius: 10px;
@@ -67,6 +70,8 @@
 }
 
 
+/* Buttons */
+
 .button {
 	color: TEXT-PRIMARY-COLOR;
 	background-color: ACCENT-DISABLED-COLOR;
@@ -88,13 +93,15 @@
 	box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
 }
 
+/* clear button */
 .message-list-clear-button {
 	padding: 3px 15px;
 	border-radius: 9px;
 }
 
 
-/* slider */
+/* Sliders */
+
 .slider,
 .level {
 	height: 16px;
@@ -111,6 +118,7 @@
 
 
 /* Scroll bar */
+
 StScrollBar {
 	padding: 0;
 }