From 5519abd82caac3b25065f0cf457880990a8fbc43 Mon Sep 17 00:00:00 2001
From: Devin Lin <espidev@gmail.com>
Date: Mon, 27 Jun 2022 17:28:41 -0400
Subject: [PATCH] navigationpanel: Properly cap width for wide screens

---
 .../qml/navigationpanel/NavigationPanel.qml      | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/components/mobileshell/qml/navigationpanel/NavigationPanel.qml b/components/mobileshell/qml/navigationpanel/NavigationPanel.qml
index c15882cd..55032c1d 100644
--- a/components/mobileshell/qml/navigationpanel/NavigationPanel.qml
+++ b/components/mobileshell/qml/navigationpanel/NavigationPanel.qml
@@ -173,20 +173,19 @@ Item {
             when: root.width < root.height
             PropertyChanges {
                 target: icons
-                buttonLength: icons.height * 0.8 / 3
+                buttonLength: Math.min(PlasmaCore.Units.gridUnit * 10, icons.height * 0.9 / 3)
             }
             AnchorChanges {
                 target: leftButton
                 anchors {
                     horizontalCenter: parent.horizontalCenter
-                    top: parent.top
+                    top: middleButton.bottom
                 }
             }
             PropertyChanges {
                 target: leftButton
                 width: parent.width
                 height: icons.buttonLength
-                anchors.topMargin: parent.height * 0.1
             }
             PropertyChanges {
                 target: middleButton
@@ -197,34 +196,32 @@ Item {
                 target: rightButton
                 anchors {
                     horizontalCenter: parent.horizontalCenter
-                    bottom: parent.bottom
+                    bottom: middleButton.top
                 }
             }
             PropertyChanges {
                 target: rightButton
                 height: icons.buttonLength
                 width: icons.width
-                anchors.bottomMargin: parent.height * 0.1
             }
         }, State {
             name: "portrait"
             when: root.width >= root.height
             PropertyChanges {
                 target: icons
-                buttonLength: icons.width * 0.8 / 3
+                buttonLength: Math.min(PlasmaCore.Units.gridUnit * 8, icons.width * 0.9 / 3)
             }
             AnchorChanges {
                 target: leftButton
                 anchors {
                     verticalCenter: parent.verticalCenter
-                    left: parent.left
+                    right: middleButton.left
                 }
             }
             PropertyChanges {
                 target: leftButton
                 height: parent.height
                 width: icons.buttonLength
-                anchors.leftMargin: parent.width * 0.1
             }
             PropertyChanges {
                 target: middleButton
@@ -235,14 +232,13 @@ Item {
                 target: rightButton
                 anchors {
                     verticalCenter: parent.verticalCenter
-                    right: parent.right
+                    left: middleButton.right
                 }
             }
             PropertyChanges {
                 target: rightButton
                 height: parent.height
                 width: icons.buttonLength
-                anchors.rightMargin: parent.width * 0.1
             }
         }
     ]