bg: clock: fix funny overlapping status row (#2413)

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

@@ -38,13 +38,14 @@ AbstractBackgroundWidget {
     Column {
         id: contentColumn
         anchors.centerIn: parent
-        spacing: 6
+        spacing: 10
 
         FadeLoader {
             id: cookieClockLoader
             anchors.horizontalCenter: parent.horizontalCenter
             shown: root.clockStyle === "cookie" && (root.shouldShow)
             sourceComponent: Column {
+                spacing: 10
                 CookieClock {
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -88,9 +89,13 @@ AbstractBackgroundWidget {
                 }
             }
         }
-        Item {
-            id: statusText
+        StatusRow {
             anchors.horizontalCenter: parent.horizontalCenter
+        }
+    }
+
+    component StatusRow: Item {
+        id: statusText
         implicitHeight: statusTextBg.implicitHeight
         implicitWidth: statusTextBg.implicitWidth
         StyledRectangularShadow {
@@ -146,7 +151,6 @@ AbstractBackgroundWidget {
             }
         }
     }
-    }
 
     component ClockText: StyledText {
         Layout.fillWidth: true

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

@@ -12,9 +12,6 @@ Item {
     implicitWidth: quoteBox.implicitWidth
     implicitHeight: quoteBox.implicitHeight
 
-    anchors.bottom: parent.bottom
-    anchors.bottomMargin: -24
-
     DropShadow {
         source: quoteBox 
         anchors.fill: quoteBox
@@ -29,14 +26,16 @@ Item {
     Rectangle {
         id: quoteBox
 
-        implicitWidth: quoteStyledText.width + quoteIcon.width + 16 // for spacing on both sides
-        implicitHeight: quoteStyledText.height + 8 
+        implicitWidth: quoteRow.implicitWidth + 8 * 2
+        implicitHeight: quoteRow.implicitHeight + 4 * 2
         radius: Appearance.rounding.small
         color: Appearance.colors.colSecondaryContainer
 
         Row {
+            id: quoteRow
             anchors.centerIn: parent
             spacing: 4
+            
             MaterialSymbol {
                 id: quoteIcon
                 anchors.top: parent.top