clock size relative to text

config/Dimensions.qml

@@ -28,7 +28,6 @@ Singleton {
         id: clock
 
         property int fontSize: 14
-        property int width: 130
         property int height: 30
         property int horizontalPadding: 8
         property int verticalPadding: 6
@@ -38,6 +37,7 @@ Singleton {
         id: workspace
 
         property int spacing: 5
+        property int iconSize: 18
         property int width: 30
         property int height: 30
         property int verticalPadding: 6

modules/bar/Bar.qml

@@ -49,6 +49,10 @@ Scope {
 
                 spacing: Dimensions.bar.spacing
 
+                SystemLogo {
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+
                 Workspaces {
                     anchors.verticalCenter: parent.verticalCenter
                 }

modules/bar/components/Clock.qml

@@ -7,12 +7,11 @@ import "../../../config/"
 Item {
     id: root
 
-    implicitWidth: Dimensions.clock.width
+    implicitWidth: childrenRect.width
     implicitHeight: Dimensions.clock.height
 
     StyledLabel {
         anchors.fill: parent
-        anchors.centerIn: parent
     }
 
     StyledText {

modules/bar/components/SystemLogo.qml

@@ -0,0 +1,9 @@
+import QtQuick
+import QtQuick.Controls
+
+Button {
+    icon.name: "archlinux-logo"
+    icon.height: 18
+    icon.width: 18
+    background: undefined
+}