fix(digital clock): layout and handle properties better

dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockText.qml

@@ -5,7 +5,6 @@ import QtQuick.Layouts
 
 StyledText {
     Layout.fillWidth: true
-    horizontalAlignment: root.textHorizontalAlignment
     font {
         family: Appearance.font.family.expressive
         pixelSize: 20
@@ -13,7 +12,6 @@ StyledText {
         variableAxes: ({})
         styleName: ""
     }
-    color: root.colText
     style: Text.Raised
     styleColor: Appearance.colors.colShadow
     animateChange: Config.options.background.widgets.clock.digital.animateChange

dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml

@@ -65,6 +65,7 @@ AbstractBackgroundWidget {
             fade: false
             sourceComponent: DigitalClock {
                 colText: root.colText
+                textHorizontalAlignment: root.textHorizontalAlignment
             }
         }
         StatusRow {
@@ -153,6 +154,7 @@ AbstractBackgroundWidget {
         ClockText {
             id: statusTextWidget
             color: statusTextRow.textColor
+            horizontalAlignment: root.textHorizontalAlignment
             anchors.verticalCenter: statusTextRow.verticalCenter
             font {
                 pixelSize: Appearance.font.pixelSize.large

dots/.config/quickshell/ii/modules/ii/background/widgets/clock/DigitalClock.qml

@@ -12,24 +12,17 @@ import Quickshell.Io
 
 ColumnLayout {
     id: clockColumn
-    spacing: 6
+    spacing: 4
 
     property bool isVertical: Config.options.background.widgets.clock.digital.vertical
     property color colText: Appearance.colors.colOnSecondaryContainer
-
+    property string textHorizontalAlignment: Text.AlignHCenter
-    Item {
-        Layout.fillWidth: true
-        implicitHeight: timeTextTop.font.pixelSize + (clockColumn.isVertical ? timeTextBottom.font.pixelSize + 10 : 0)
-        implicitWidth: Math.max(timeTextTop.paintedWidth, timeTextBottom.paintedWidth)
 
     ClockText {
         id: timeTextTop
         text: clockColumn.isVertical ? DateTime.time.substring(0, 2) : DateTime.time
-            color: clockColumn.colText
+        color: root.colText
-            anchors {
+        horizontalAlignment: Text.AlignHCenter
-                top: parent.top
-                horizontalCenter: parent.horizontalCenter
-            }
         font {
             pixelSize: Config.options.background.widgets.clock.digital.font.size
             weight: Config.options.background.widgets.clock.digital.font.weight
@@ -40,16 +33,14 @@ ColumnLayout {
             })
         }
     }
+
     ClockText {
         id: timeTextBottom
-            text: clockColumn.isVertical ? DateTime.time.substring(3, 5) : ""
+        text: DateTime.time.substring(3, 5)
         visible: clockColumn.isVertical
-            color: clockColumn.colText
+        color: root.colText
-
+        Layout.topMargin: -40
-            anchors {
+        horizontalAlignment: Text.AlignHCenter
-                bottom: parent.bottom
-                horizontalCenter: parent.horizontalCenter
-            }
         font {
             pixelSize: Config.options.background.widgets.clock.digital.font.size
             weight: Config.options.background.widgets.clock.digital.font.weight
@@ -60,20 +51,21 @@ ColumnLayout {
             })
         }
     }
-    }
     
     ClockText {
         visible: Config.options.background.widgets.clock.digital.showDate
-        Layout.topMargin: clockColumn.isVertical ? -10 : 0
+        Layout.topMargin: -20
         text: DateTime.longDate
-        color: clockColumn.colText
+        color: root.colText
+        horizontalAlignment: root.textHorizontalAlignment
     }
     ClockText {
         visible: Config.options.background.widgets.clock.quote.enable && Config.options.background.widgets.clock.quote.text.length > 0
         font.pixelSize: Appearance.font.pixelSize.normal
         text: Config.options.background.widgets.clock.quote.text
         animateChange: false
-        color: clockColumn.colText
+        color: root.colText
+        horizontalAlignment: root.textHorizontalAlignment
     }
 }