settings: about page

.config/quickshell/modules/common/widgets/ContentPage.qml

@@ -6,14 +6,18 @@ import "root:/modules/common/widgets/"
 
 Flickable {
     id: root
-    property real baseWidth: 400
+    property real baseWidth: 500
+    property bool forceWidth: false
+
     default property alias data: contentColumn.data
 
     clip: true
     contentHeight: contentColumn.implicitHeight
-    implicitWidth: Math.max(contentColumn.implicitWidth, baseWidth)
+    implicitWidth: contentColumn.implicitWidth
+    
     ColumnLayout {
         id: contentColumn
+        width: root.forceWidth ? root.baseWidth : Math.max(root.baseWidth, implicitWidth)
         anchors {
             top: parent.top
             bottom: parent.bottom

.config/quickshell/modules/common/widgets/NotificationItem.qml

@@ -226,12 +226,8 @@ Item { // Notification item area
                         Qt.openUrlExternally(link)
                         Hyprland.dispatch("global quickshell:sidebarRightClose")
                     }
-                    MouseArea {
-                        anchors.fill: parent
-                        acceptedButtons: Qt.NoButton // Only for hover
-                        hoverEnabled: true
-                        cursorShape: parent.hoveredLink !== "" ? Qt.PointingHandCursor : Qt.ArrowCursor
-                    }
+                    
+                    PointingHandLinkHover {}
                 }
 
                 Flickable { // Notification actions

.config/quickshell/modules/common/widgets/PointingHandLinkHover.qml

@@ -0,0 +1,8 @@
+import QtQuick
+
+MouseArea {
+    anchors.fill: parent
+    acceptedButtons: Qt.NoButton // Only for hover
+    hoverEnabled: true
+    cursorShape: parent.hoveredLink !== "" ? Qt.PointingHandCursor : Qt.ArrowCursor
+}

.config/quickshell/modules/common/widgets/RippleButtonWithIcon.qml

@@ -7,7 +7,8 @@ import "root:/modules/common/widgets/"
 RippleButton {
     id: buttonWithIconRoot
     property string nerdIcon
-    property string iconText
+    property string materialIcon
+    property bool materialIconFill: true
     property string mainText: "Button text"
     property Component mainContentComponent: Component {
         StyledText {
@@ -29,10 +30,10 @@ RippleButton {
                 anchors.centerIn: parent
                 active: !nerdIcon
                 sourceComponent: MaterialSymbol {
-                    text: buttonWithIconRoot.iconText
+                    text: buttonWithIconRoot.materialIcon
                     iconSize: Appearance.font.pixelSize.larger
                     color: Appearance.colors.colOnSecondaryContainer
-                    fill: 1
+                    fill: buttonWithIconRoot.materialIconFill ? 1 : 0
                 }
             }
             Loader {