Fix some major scaling & font issues on ebike-demo

Task-number: QTBUG-69840
Change-Id: If519ae62a0a73c8dbf2f6f7b9f681bdfdb8b28a0
Reviewed-by: Sami Nurmenniemi <sami.nurmenniemi@qt.io>
Reviewed-by: Mikko Gronoff <mikko.gronoff@qt.io>

1 files changed, 10 insertions, 13 deletions

diff --git a/basicsuite/ebike-ui/IconifiedTabButton.qml b/basicsuite/ebike-ui/IconifiedTabButton.qml
index 572ce51..4762d94 100644
--- a/basicsuite/ebike-ui/IconifiedTabButton.qml
+++ b/basicsuite/ebike-ui/IconifiedTabButton.qml
@@ -43,27 +43,24 @@ TabButton {
     property string selectedIcon
     property var bar
 
-    contentItem: Image {
-        width: UILayout.tabButtonIconWidth
-        height: UILayout.tabButtonIconHeight
-        source: bar.currentItem === parent ? selectedIcon : deselectedIcon
-        fillMode: Image.Pad
-        anchors {
-            top: parent.top
-            topMargin: UILayout.tabButtonTopMargin
-            horizontalCenter: parent.horizontalCenter
-        }
-    }
-
     background: Rectangle {
         color: Colors.tabBackground
-        height: parent.height
+
+        Image {
+            height: parent.height
+            width: height
+            source: bar.currentItem === parent.parent ? selectedIcon : deselectedIcon
+            fillMode: Image.PreserveAspectFit
+            anchors.centerIn: parent
+
+        }
 
         Rectangle {
             visible: bar.currentItem === parent.parent
             width: parent.width
             height: 2
             anchors.bottom: parent.bottom
+            anchors.bottomMargin: height
             color: Colors.activeTabBorder
         }
     }