Buttonbox: Better Layout (mga#24200)

1 files changed, 7 insertions, 6 deletions

diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml
index c47d94f..785564e 100644
--- a/qml/mw-ui.qml
+++ b/qml/mw-ui.qml
@@ -937,29 +937,30 @@ This is a background process and you will be able to use your computer normally
         width: banner.width; height: buttonRow.height
         anchors { top: banner.bottom;  }
         color: "#262F45"
-
         RowLayout {
             id: buttonRow
 
+            Rectangle {
+                Layout.preferredWidth: 8
+                Layout.preferredHeight: buttonbox.height
+                color: buttonbox.color
+            }
+
             Repeater {
                 model: itemModel.count
 
                 Button  {
                     Layout.fillHeight: true
 
-                    Layout.preferredWidth: banner.width/8-15;
+                    Layout.preferredWidth: (buttonbox.width - 8)/8-9;
                     Layout.topMargin: 6
-                    Layout.leftMargin: 4
-                    Layout.rightMargin: 4
                     Layout.bottomMargin: 6
-                    //Layout.alignment: Qt.AlignHCenter
                     style: ButtonStyle {
                         background: Rectangle {
                             radius: 5
                             color: view.currentIndex == index ? "#2397D4" : "white"
                         }
                         label: Label{
-                            //anchors.verticalCenter: parent.verticalCenter
                             text: itemModel.get(index).title
                             font.pointSize: 9
                             color: view.currentIndex == index ? "white" : "#262F45"