Move button gradiency

Moves the block of code that deals with the gradiency so that it is placed underneath labels and other images rather than on top

components/MenuButton.qml

@@ -61,6 +61,17 @@ Rectangle {
     property bool present: !under || under.checked || checked || under.numSelectedChildren > 0
     height: present ? ((appWindow.height >= 800) ? 44 * scaleRatio  : 38 * scaleRatio ) : 0
 
+    // button gradient while checked
+    Image {
+        width: 260
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.right: parent.right
+        anchors.rightMargin: 0
+        anchors.leftMargin: parent.getOffset()
+        source: "../images/menuButtonGradient.png"
+        visible: button.checked
+    }
+
     // button decorations that are subject to leftMargin offsets
     Rectangle {
         anchors.left: parent.left
@@ -101,17 +112,6 @@ Rectangle {
         }
     }
 
-    // button gradient while checked
-    Image {
-        width: 160
-        anchors.verticalCenter: parent.verticalCenter
-        anchors.right: parent.right
-        anchors.rightMargin: 0
-        anchors.leftMargin: parent.getOffset()
-        source: "../images/menuButtonGradient.png"
-        visible: button.checked
-    }
-
     // menu button right arrow
     Image {
         anchors.verticalCenter: parent.verticalCenter