From bbe036d3909041069c5181643c2b8151dfe4cc92 Mon Sep 17 00:00:00 2001
From: candifloss <candifloss@candifloss.cc>
Date: Wed, 26 Aug 2026 15:58:01 +0530
Subject: [PATCH] Test styles for date and time widgs

---
 ewwii.css                       |  6 ++++++
 nbcl/panel/panel_component.nbcl | 16 +++++++++-------
 nbcl/vars/vars.nbcl             |  2 +-
 scss/panel/_panel.scss          |  3 +++
 scss/panel/_panelwidgs.scss     | 10 ++++++++++
 5 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 scss/panel/_panelwidgs.scss

diff --git a/ewwii.css b/ewwii.css
index 0013e45..94956ed 100644
--- a/ewwii.css
+++ b/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";
+}
diff --git a/nbcl/panel/panel_component.nbcl b/nbcl/panel/panel_component.nbcl
index ff0147a..5d490ba 100644
--- a/nbcl/panel/panel_component.nbcl
+++ b/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
     }
   }
 }
\ No newline at end of file
diff --git a/nbcl/vars/vars.nbcl b/nbcl/vars/vars.nbcl
index 0e4f02d..cc545b1 100644
--- a/nbcl/vars/vars.nbcl
+++ b/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'"
 }
\ No newline at end of file
diff --git a/scss/panel/_panel.scss b/scss/panel/_panel.scss
index 47cdbd4..71bc614 100644
--- a/scss/panel/_panel.scss
+++ 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;
 }
diff --git a/scss/panel/_panelwidgs.scss b/scss/panel/_panelwidgs.scss
new file mode 100644
index 0000000..0070a7e
--- /dev/null
+++ b/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";
+	}
+}