bar: make power button smaller

Also move the circle logic to the pills preset and fix for other font sizes

modules/bar/Pills.qml

@@ -95,7 +95,14 @@ Item {
         }
 
         Pill {
+            // Make circle
+            Layout.maximumWidth: BarConfig.sizes.height
+            Layout.maximumHeight: BarConfig.sizes.height
+
             Power {
+                // Center in pill
+                x: (BarConfig.sizes.height - width) / 2
+
                 anchors.horizontalCenter: root.get(undefined, parent.horizontalCenter)
                 anchors.verticalCenter: root.get(parent.verticalCenter, undefined)
             }

modules/bar/components/Power.qml

@@ -5,6 +5,5 @@ MaterialIcon {
     text: "power_settings_new"
     color: Appearance.colours.red
     font.bold: true
-    x: implicitWidth + Appearance.padding.large * 2 - BarConfig.sizes.height
-    width: BarConfig.sizes.height - Appearance.padding.large * 2
+    font.pointSize: Appearance.font.size.normal
 }