things

Panes/Battery.qml

@@ -7,9 +7,10 @@ Column {
         top: parent.top
         horizontalCenter: parent.horizontalCenter
     }
-    width: childrenRect.width
+    width: Math.max(childrenRect.width, 300)
     height: childrenRect.height
     anchors.topMargin: 6
+    TapHandler {onTapped: console.log(width)}
     Rectangle {
         radius: 12
         height: 40
@@ -19,11 +20,11 @@ Column {
         color: "#181818"
         Rectangle {
             color: "white"
-            width: parent.width/3 - anchors.margins
+            width: (parent.width - anchors.margins * 2)/3
             anchors.top: parent.top
             anchors.bottom: parent.bottom
             anchors.margins: 4
-            x: PowerProfiles.profile * (width + anchors.margins) + anchors.margins
+            x: PowerProfiles.profile * width + anchors.margins
             Behavior on x {NumberAnimation {duration: 300; easing.type: Easing.OutQuint}}
             radius: 8
         }
@@ -32,6 +33,7 @@ Column {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.right: parent.right
+            anchors.margins: 4
             component Profile: Rectangle {
                 id: profile
                 color: "transparent"