fix bar crashing on monitor add/remove

resources/bar.css

@@ -16,7 +16,10 @@ window {
 	color: #ffffff;
 	font-size: 14px;
 	font-family: var(--text-font);
-	padding: 2px 6px;
+}
+
+.bar {
+	padding: 4px 6px;
 }
 
 .text-area {
@@ -25,16 +28,17 @@ window {
 	border-radius: 8px;
 	padding: 4px 8px;
 }
+
 .material-icons {
 	font-family: var(--icon-font-material);
 }
 
-.icon-button {
-	font-size: 20px;
+.power-button-on {
+	color: #4caf50;
 }
 
-.tab-icon {
-	font-size: 20px;
+.power-button-off {
+	color: #f44336;
 }
 
 .control-center-tab-row {
@@ -207,6 +211,17 @@ tooltip {
 	margin-top: 4px;
 }
 
+
+
+.icon-button {
+	font-weight: 700;
+	font-size: 18px;
+}
+
+.tab-icon {
+}
+
+
 @keyframes workspace-updown {
 	0% {
 		transform: translateY(4px);