style(waybar): reorganize configs, tidy up code

Reorganize Waybar config to make it more logically laid out, add explanatory comments, and in general make it easier for users to make their own changes.

.config/waybar/style.css

@@ -68,7 +68,6 @@
 #battery,
 #backlight,
 #clock,
-#custom-weather,
 #tray {
     padding:0.5rem 0.6rem;
     margin: 1px 0px;
@@ -121,6 +120,14 @@
     color: orange;
 }
 
+#cpu.warning {
+    color: orange;
+}
+
+#cpu.critical {
+    color: red;
+}
+
 #memory {
     animation-timing-function: linear;
     animation-iteration-count: infinite;
@@ -139,12 +146,9 @@
     padding-right:5px;
 }
 
-#cpu.warning {
-    color: orange;
-}
-
-#cpu.critical {
-    color: red;
+#backlight.icon {
+    padding-right:1px;
+    font-size: 13px;
 }
 
 #pulseaudio {
@@ -179,11 +183,6 @@
     animation-duration: 2s;
 }
 
-#backlight.icon {
-    padding-right:1px;
-    font-size: 13px;
-}
-
 #custom-power {
     margin-left:15px;
     margin-right:15px;