bar: make groups cleaner

.config/quickshell/modules/bar/ClockWidget.qml

@@ -4,19 +4,17 @@ import "root:/services"
 import QtQuick
 import QtQuick.Layouts
 
-Rectangle {
+Item {
+    id: root
     property bool borderless: ConfigOptions.bar.borderless
-    property bool showDate: true
-    implicitWidth: rowLayout.implicitWidth + rowLayout.spacing * 6 // idk, text seems nicer w/ more padding
+    property bool showDate: ConfigOptions.bar.verbose
+    implicitWidth: rowLayout.implicitWidth
     implicitHeight: 32
-    color: borderless ? "transparent" : Appearance.colors.colLayer1
-    radius: Appearance.rounding.small
 
     RowLayout {
         id: rowLayout
-
-        spacing: 4
         anchors.centerIn: parent
+        spacing: 4
 
         StyledText {
             font.pixelSize: Appearance.font.pixelSize.large
@@ -25,14 +23,14 @@ Rectangle {
         }
 
         StyledText {
-            visible: showDate
+            visible: root.showDate
             font.pixelSize: Appearance.font.pixelSize.small
             color: Appearance.colors.colOnLayer1
             text: "•"
         }
 
         StyledText {
-            visible: showDate
+            visible: root.showDate
             font.pixelSize: Appearance.font.pixelSize.small
             color: Appearance.colors.colOnLayer1
             text: DateTime.date