restyle tray item menu

modules/bar/components/tray/menu/Menu.qml

@@ -10,7 +10,7 @@ StyledPopupWindow {
     id: window
 
     backgroundColor: Theme.palette.base300
-    margins: 8
+    margins: 14
     radius: 8
 
     property QsMenuOpener menuOpener
@@ -25,7 +25,7 @@ StyledPopupWindow {
                 active: true
 
                 Layout.fillWidth: true
-                Layout.minimumWidth: 120
+                Layout.minimumWidth: 160
 
                 sourceComponent: modelData.isSeparator ? menuSeperator : menuItem
                 property Component menuSeperator: Rectangle {

modules/bar/components/tray/menu/MenuItem.qml

@@ -1,28 +1,12 @@
+import qs.widgets
 import Quickshell
-import "../../../../../config/"
-import "../../../../../styled/"
 
-Clickable {
-    id: item
+StyledButton {
+    id: root
     property QsMenuEntry menuEntry
-
-    implicitWidth: text.width
-    implicitHeight: 30
-
     onClicked: menuEntry.triggered()
-
-    StyledText {
-        id: text
-
-        opacity: item.opacity
-
-        font.pixelSize: Dimensions.clock.fontSize
-        anchors.verticalCenter: parent.verticalCenter
-        topPadding: Dimensions.clock.verticalPadding
-        bottomPadding: Dimensions.clock.verticalPadding
-        leftPadding: Dimensions.clock.horizontalPadding
-        rightPadding: Dimensions.clock.horizontalPadding
-
-        text: item.menuEntry.text
+    content: StyledText {
+        font.pixelSize: 14
+        text: root.menuEntry.text 
     }
 }