refactor(WeatherBar): put in barRightSide

.config/quickshell/modules/bar/Bar.qml

@@ -203,8 +203,7 @@ Scope {
                                     anchors.centerIn: parent
                                     width: 19.5
                                     height: 19.5
-                                    source: Config.options.bar.topLeftIcon == 'distro' ? 
+                                    source: Config.options.bar.topLeftIcon == 'distro' ? SystemInfo.distroIcon : "spark-symbolic"
-                                        SystemInfo.distroIcon : "spark-symbolic"
                                 }
 
                                 ColorOverlay {
@@ -246,7 +245,9 @@ Scope {
                         }
                     }
 
-                    VerticalBarSeparator {visible: Config.options?.bar.borderless}
+                    VerticalBarSeparator {
+                        visible: Config.options?.bar.borderless
+                    }
 
                     BarGroup {
                         id: middleCenterGroup
@@ -271,7 +272,9 @@ Scope {
                         }
                     }
 
-                    VerticalBarSeparator {visible: Config.options?.bar.borderless}
+                    VerticalBarSeparator {
+                        visible: Config.options?.bar.borderless
+                    }
 
                     MouseArea {
                         id: rightCenterGroup
@@ -307,20 +310,7 @@ Scope {
                     }
 
                     VerticalBarSeparator {
-                        visible: Config.options.bar.borderless
+                        visible: Config.options.bar.borderless && Config.options.bar.weather.enable
-                    }
-                }
-
-                // Weather
-                Loader {
-                    id: weatherLoader
-                    active: Config.options.bar.weather.enable
-                    anchors.left: middleSection.right
-                    anchors.margins: 10
-                    sourceComponent: BarGroup {
-                        implicitHeight: Appearance.sizes.baseBarHeight
-                        height: Appearance.sizes.barHeight
-                        WeatherBar {}
                     }
                 }
 
@@ -330,7 +320,7 @@ Scope {
                     anchors.right: parent.right
                     implicitHeight: Appearance.sizes.baseBarHeight
                     height: Appearance.sizes.barHeight
-                    width: barRoot.width - (barLeftSideMouseArea.width + middleSection.width + weatherLoader.width)
+                    width: (barRoot.width - middleSection.width) / 2
 
                     property bool hovered: false
                     property real lastScrollX: 0
@@ -493,6 +483,15 @@ Scope {
                             Item {
                                 Layout.fillWidth: true
                                 Layout.fillHeight: true
+
+                                // Weather
+                                Loader {
+                                    active: Config.options.bar.weather.enable
+                                    sourceComponent: BarGroup {
+                                        implicitHeight: Appearance.sizes.baseBarHeight
+                                        WeatherBar {}
+                                    }
+                                }
                             }
                         }
                     }

.config/quickshell/modules/bar/weather/WeatherBar.qml

@@ -9,8 +9,8 @@ import QtQuick.Layouts
 
 Item {
     id: root
-    property real margin: 5
+    property real margin: 10
-    implicitHeight: 32
+    implicitHeight: mouseArea.implicitHeight
     implicitWidth: mouseArea.implicitWidth + margin * 2
 
     MouseArea {
@@ -30,12 +30,12 @@ Item {
 
         RowLayout {
             id: rowLayout
-
             MaterialSymbol {
                 fill: 0
                 text: WeatherIcons.codeToName[Weather.data.wCode]
                 iconSize: Appearance.font.pixelSize.large
                 color: Appearance.colors.colOnLayer1
+                Layout.alignment: Qt.AlignVCenter
             }
 
             StyledText {
@@ -43,6 +43,7 @@ Item {
                 font.pixelSize: Appearance.font.pixelSize.large
                 color: Appearance.colors.colOnLayer1
                 text: Weather.data.temp
+                Layout.alignment: Qt.AlignVCenter
             }
         }
     }