make cursor shape pointing hand on button hover

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

@@ -12,6 +12,8 @@ Button {
     implicitHeight: 30
     implicitWidth: buttonTextWidget.implicitWidth + 15 * 2
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full
@@ -34,7 +36,7 @@ Button {
         anchors.rightMargin: 15
         text: buttonText
         horizontalAlignment: Text.AlignHCenter
-        font.pixelSize: Appearance.font.pixelSize.normal
+        font.pixelSize: Appearance.font.pixelSize.small
         color: button.enabled ? Appearance.m3colors.m3primary : Appearance.m3colors.m3outline
 
         Behavior on color {

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

@@ -16,7 +16,8 @@ Button {
     implicitHeight: columnLayout.implicitHeight
     implicitWidth: columnLayout.implicitWidth
 
-    background: Item{} // No ugly bg
+    background: Item {}
+    PointingHandInteraction {}
 
     // Real stuff
     ColumnLayout {

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

@@ -0,0 +1,7 @@
+import QtQuick
+
+MouseArea {
+    anchors.fill: parent
+    onPressed:  mouse.accepted = false
+    cursorShape: Qt.PointingHandCursor 
+}

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

@@ -11,6 +11,8 @@ Button {
     required default property Item content
     property bool extraActiveCondition: false
 
+    PointingHandInteraction{}
+
     implicitHeight: Math.max(content.implicitHeight, 26, content.implicitHeight)
     implicitWidth: Math.max(content.implicitHeight, 26, content.implicitWidth)
     contentItem: content

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

@@ -13,6 +13,8 @@ TabButton {
     property bool selected: false
     height: buttonBackground.height
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         id: buttonBackground
         radius: Appearance.rounding.small

.config/quickshell/modules/sidebarRight/calendar/CalendarHeaderButton.qml

@@ -12,13 +12,14 @@ Button {
 
     implicitHeight: 30
     implicitWidth: forceCircle ? implicitHeight : (contentItem.implicitWidth + 10 * 2)
-
     Behavior on implicitWidth {
         SmoothedAnimation {
             velocity: Appearance.animation.elementDecel.velocity
         }
     }
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full

.config/quickshell/modules/sidebarRight/quickToggles/QuickToggleButton.qml

@@ -13,6 +13,8 @@ Button {
     implicitWidth: 40
     implicitHeight: 40
 
+    PointingHandInteraction {}
+
     background: Rectangle {
         anchors.fill: parent
         radius: Appearance.rounding.full

.config/quickshell/modules/sidebarRight/todo/TodoItemActionButton.qml

@@ -12,6 +12,8 @@ Button {
     implicitHeight: 30
     implicitWidth: implicitHeight
 
+    PointingHandInteraction {}
+
     Behavior on implicitWidth {
         SmoothedAnimation {
             velocity: Appearance.animation.elementDecel.velocity

.config/quickshell/modules/sidebarRight/todo/TodoWidget.qml

@@ -11,7 +11,7 @@ Item {
     property int currentTab: 0
     property var tabButtonList: [{"icon": "checklist", "name": "Unfinished"}, {"name": "Done", "icon": "check_circle"}]
     property bool showAddDialog: false
-    property int dialogMargins: 25
+    property int dialogMargins: 20
     property int fabSize: 48
     property int fabMargins: 14
 
@@ -124,9 +124,9 @@ Item {
         anchors.bottom: parent.bottom
         anchors.rightMargin: root.fabMargins
         anchors.bottomMargin: root.fabMargins
-
         width: root.fabSize
         height: root.fabSize
+        PointingHandInteraction {}
 
         onClicked: root.showAddDialog = true