Adds little icon for current hour

.config/eww/widgets/bar/elements/time.yuck

@@ -3,6 +3,26 @@
 (defwidget bar-time []
   (box
     :class "widget default-padding"
+    :space-evenly false
+    :spacing 10
     {bar-time-display}
+    "|"
+
+    (label
+      :visible {hour-time <= 6 || hour-time > 22}
+      :text ""
+    )
+    (label
+      :visible {hour-time > 6 && hour-time <= 10}
+      :text ""
+    )
+    (label
+      :visible {hour-time > 10 && hour-time <= 18}
+      :text ""
+    )
+    (label
+      :visible {hour-time > 18 && hour-time <= 22}
+      :text ""
     )
   )
+)

.config/eww/widgets/bar/style.scss

@@ -2,6 +2,7 @@
   margin: 0 10px;
   .default-padding {
     padding: 0.5rem 1rem;
+    padding-right: 1.3rem;
   }
 }
 

.config/eww/widgets/hour-notify/widget.yuck

@@ -1,14 +1,7 @@
 (defpoll hour-time :interval '1s' :initial '0' `date +"%H"`)
 
-(defwidget hour-notify []
+(defwidget hour-icon [] 
-  (eventbox 
-    :onclick "${EWW_CMD} close hour"
   (box 
-      :class "widget default-padding"
-      :height 150
-      :width 150
-      :orientation "v"
-      :space-evenly false
     (image
       :visible {hour-time <= 6 || hour-time > 22}
       :icon "time_moon"
@@ -25,6 +18,19 @@
       :visible {hour-time > 18 && hour-time <= 22}
       :icon "time_sun_to_moon"
     )
+  )
+)
+
+(defwidget hour-notify []
+  (eventbox 
+    :onclick "${EWW_CMD} close hour"
+    (box 
+      :class "widget default-padding"
+      :height 150
+      :width 150
+      :orientation "v"
+      :space-evenly false
+      (hour-icon)
       (label
         :text "Now: ${hour-time}:00"
       )