non important commit

home/modules/eww/eww-config/eww.scss

@@ -9,41 +9,23 @@ window {
 .works {
   background-color: rgba(30, 30, 30, 0.9);
   border-radius: 10px;
-  padding: 15px;
+  padding: 8px 12px;
 }
 
 button {
-  font-size: 24px;
-  padding: 8px 12px;
-  border-radius: 8px;
+  font-size: 18px;
+  padding: 6px 10px;
+  border-radius: 6px;
   transition: all 0.2s ease;
-  min-width: 40px;
-  color: #888;
+  min-width: 30px;
+  color: #666;
 
-  // Unoccupied workspace
   &.0 {
-    color: #666;
-    background-color: transparent;
-  }
-
-  // Occupied (class will be like "01", "02", etc)
-  &[class*="1"],
-  &[class*="2"],
-  &[class*="3"],
-  &[class*="4"],
-  &[class*="5"],
-  &[class*="6"],
-  &[class*="7"],
-  &[class*="8"],
-  &[class*="9"] {
-    &:not(.0) {
-      color: #fff;
-      background-color: rgba(255, 255, 255, 0.15);
-    }
+    color: #444;
   }
 
   &:hover {
-    background-color: rgba(255, 255, 255, 0.25);
+    background-color: rgba(255, 255, 255, 0.2);
     color: #fff;
   }
 }

home/modules/eww/eww-config/eww.yuck

@@ -24,25 +24,19 @@
 )
 
 (
-	defwindow workspaces
-						 :monitor 0
-						 :geometry (
-											 	 geometry :x "0%"
-												 					:y "0%"
-																	:width "40%"
-																	:height "40%"
-																	:anchor "center center"
-											 )
-
-						 :stacking "bg"
-						 :windowtype "dock"
-						 :wm-ignore false
-		(
-			box :orientation "horizontal"
-					:halign "center"
-
-				workspace
-		)
+  defwindow workspaces
+    :monitor 0
+    :geometry (
+      geometry :x "0%"
+               :y "10px"
+               :width "auto"
+               :height "50px"
+               :anchor "top center"
+    )
+    :stacking "fg"
+    :windowtype "dock"
+    :wm-ignore false
+    (literal :content workspace)
 )
 
 (
@@ -52,8 +46,3 @@
 
 	`date +%H:%M:%S`
 )
-
-(
-	defwidget workspaces []
-		(literal :content workspace)
-)