Test styles for date and time widgs

ewwii.css

@@ -7,3 +7,9 @@
 .ewwii_panel {
 	background-color: rgba(95, 95, 95, 0.404);
 }
+.ewwii_panel .textwidg {
+	background-color: rgba(72, 150, 98, 0.733);
+	padding: 0 0.2em;
+	font-size: 14px;
+	font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF";
+}

nbcl/panel/panel_component.nbcl

@@ -6,17 +6,19 @@ component EwwiiPanel () {
 	height = config.panel_height
 	width = config.panel_width
 
-    Label {
-		widget_name = "clockwidg"
-		class = "clockwidg"
-		text = global("time_hhmm")
-		halign = "end"
-    }
     Label {
 		widget_name = "datewidg"
-		class = "datewidg"
+		class = "textwidg datewidg"
 		text = global("date_ddM")
 		halign = "end"
+		height = config.panel_height
+    }
+    Label {
+		widget_name = "clockwidg"
+		class = "textwidg clockwidg"
+		text = global("time_hhmm")
+		halign = "end"
+		height = config.panel_height
     }
   }
 }

nbcl/vars/vars.nbcl

@@ -7,5 +7,5 @@ Poll "time_hhmm" {
 Poll "date_ddM" {
   initial = "01 Jan"
   interval = "450ms"
-  cmd = "date +%m:%d"
+  cmd = "date +'%d %b'"
 }

scss/panel/_panel.scss

@@ -1,6 +1,9 @@
 @use "../colors/glass" as *;
+@use "./panelwidgs" as *;
 
 /* Top bar */
 .ewwii_panel {
 	background-color: $primary_bg;
+
+	@include textwidgets;
 }

scss/panel/_panelwidgs.scss

@@ -0,0 +1,10 @@
+@use "../colors/glass" as *;
+
+@mixin textwidgets() {
+	.textwidg {
+		background-color: rgba(72, 150, 98, 0.733);
+		padding: 0 0.2em;
+		font-size: 14px;
+		font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF";
+	}
+}