fixed scaling bug of fancy button on window

qml/Components/FancyButton.qml

@@ -28,6 +28,10 @@ Button {
     property real imageScale: 1
     property color color: app.style.style.buttonColor
 
+    property int size: 100
+
+    height: control.size
+    width: control.size
 
     scale: control.pressed ? 0.8:1
 
@@ -37,7 +41,14 @@ Button {
         }
     }
 
-    background: Item {
+    onSizeChanged: {
+
+        control.width = control.size
+        control.height = control.size
+        console.log("Button: size: " + control.size + " height: " + control.height + " width: " + control.width)
+    }
+
+   background: Item {
         id: controlBackgroundContainer
 
         RectangularGlow {
@@ -54,27 +65,30 @@ Button {
         Rectangle {
             id: controlBackground
 
-            anchors.fill: parent
+            anchors.centerIn: parent
 
-            radius: height * 0.5
+            height: control.height
+            width: control.width
+
+            radius: control.size * 0.5
 
             color: control.color
-
-            Image {
-                id: buttonIcon
-                source: control.image
-
-                anchors.centerIn: parent
-                height: parent.height * 0.5
-                width: height
-
-                mipmap: true
-
-                fillMode: Image.PreserveAspectFit
-
-                scale: control.imageScale
-            }
         }
     }
 
+   Image {
+       id: buttonIcon
+       source: control.image
+
+       anchors.centerIn: parent
+       height: parent.height * 0.5
+       width: height
+
+       mipmap: true
+
+       fillMode: Image.PreserveAspectFit
+
+       scale: control.imageScale
+   }
+
 }

qml/Forms/FilterForm.qml

@@ -161,7 +161,7 @@ Page {
 
                         background: Rectangle {
                             radius: 2
-                            color: app.style.style.backgroundColor
+                            color: classLetterCb.Material.dialogColor
 
                             layer.enabled: classLetterCb.enabled
 //                            layer.effect: ElevationEffect {
@@ -307,8 +307,7 @@ Page {
 
         imageScale: 0
 
-        height: 50
+        size: 50
-        width: height
 
         onClicked: {
             filterDialog.createContact()

qml/Forms/HomeForm.qml

@@ -33,19 +33,18 @@ Page {
 
     Column {
         id: mainMenu
-        spacing: buttonWidth * 0.1
+        spacing: buttonSize * 0.1
 
         anchors {
             horizontalCenter: parent.horizontalCenter
             verticalCenter: parent.verticalCenter
         }
 
-        property int buttonHeight: app.landscape() ? root.height * (0.5*0.8):buttonWidth
+        property int buttonSize: app.landscape() ? root.height * (0.5*0.8):root.width * (0.5*0.8)
-        property int buttonWidth: app.landscape() ? buttonHeight:root.width * (0.5*0.8)
 
         Row {
             id: bigMenu
-            spacing: mainMenu.buttonWidth * 0.1
+            spacing: mainMenu.buttonSize * 0.1
             anchors.horizontalCenter: parent.horizontalCenter
 
             FancyButton {
@@ -53,8 +52,7 @@ Page {
 
                 image: "qrc:/graphics/icons/sheute.png"
 
-                width: mainMenu.buttonWidth
+                size: mainMenu.buttonSize
-                height: mainMenu.buttonHeight
 
                 onClicked: {
                     formStack.eventDay = 0
@@ -67,8 +65,7 @@ Page {
 
                 image: "qrc:/graphics/icons/smorgen.png"
 
-                width: mainMenu.buttonWidth
+                size: mainMenu.buttonSize
-                height: mainMenu.buttonHeight
 
                 onClicked: {
                     formStack.eventDay = 1
@@ -81,20 +78,18 @@ Page {
         Grid {
             id: smallMenu
             columns: app.landscape() ? 4:2
-            spacing: mainMenu.buttonWidth * 0.1
+            spacing: mainMenu.buttonSize * 0.1
 
             anchors.horizontalCenter: parent.horizontalCenter
 
-            property int buttonHeight: mainMenu.buttonHeight * 0.7
+            property int buttonSize: mainMenu.buttonSize * 0.7
-            property int buttonWidth: mainMenu.buttonWidth * 0.7
 
             FancyButton {
                 id: foodplanButton
 
                 image: app.style.style.treffpunktFannyIcon
 
-                width: smallMenu.buttonWidth
+                size: smallMenu.buttonSize
-                height: smallMenu.buttonHeight
 
                 onClicked: {
                     formStack.push(foodPlanForm)
@@ -107,8 +102,7 @@ Page {
                 image: app.style.style.fannyLogo
                 imageScale: 1.2
 
-                width: smallMenu.buttonWidth
+                size: smallMenu.buttonSize
-                height: smallMenu.buttonHeight
 
                 onClicked: {
                     Qt.openUrlExternally("http://www.fanny-leicht.de")
@@ -121,8 +115,7 @@ Page {
                 image: app.style.style.settingsIcon
                 imageScale: 0.8
 
-                width: smallMenu.buttonWidth
+                size: smallMenu.buttonSize
-                height: smallMenu.buttonHeight
 
                 onClicked: {
                     formStack.push(settingsForm)
@@ -135,8 +128,7 @@ Page {
                 image: "qrc:/graphics/icons/logoutRed.png"
                 imageScale: 0.8
 
-                width: smallMenu.buttonWidth
+                size: smallMenu.buttonSize
-                height: smallMenu.buttonHeight
 
                 onClicked: {
                     logoutConfirmationDialog.open()