Add notification, Use font.pointSize

Modules/SidePanel/MediaCard.qml

@@ -19,12 +19,10 @@ NBox {
     anchors.left: parent.left
     anchors.right: parent.right
     anchors.top: parent.top
-    anchors.margins: Style.marginXL * scaling
-    spacing: Style.marginSmall * scaling
+    anchors.margins: Style.marginMedium * scaling
+    spacing: Style.marginMedium * scaling
 
-    Item {
-      height: 36 * scaling
-    }
+    Item { height: Style.marginLarge * scaling }
 
     Text {
       text: "music_note"
@@ -40,8 +38,6 @@ NBox {
       anchors.horizontalCenter: parent.horizontalCenter
     }
 
-    Item {
-      height: 36 * scaling
-    }
+    Item { height: Style.marginLarge * scaling }
   }
 }

Modules/SidePanel/ProfileCard.qml

@@ -25,8 +25,8 @@ NBox {
 
     Item {
       id: avatarBox
-      width: 40 * scaling
-      height: 40 * scaling
+      width: Style.baseWidgetSize * 1.25 * scaling
+      height: Style.baseWidgetSize * 1.25 * scaling
 
       Image {
         id: avatarImage
@@ -69,11 +69,11 @@ NBox {
       }
       NIconButton {
         icon: "settings"
-        sizeMultiplier: 0.8
+        sizeMultiplier: 0.9
       }
       NIconButton {
         icon: "power_settings_new"
-        sizeMultiplier: 0.8
+        sizeMultiplier: 0.9
       }
     }
   }

Modules/SidePanel/SidePanel.qml

@@ -35,7 +35,7 @@ NLoader {
 
       readonly property real scaling: Scaling.scale(screen)
       // Single source of truth for spacing between cards (both axes)
-      property real cardSpacing: Style.marginLarge * scaling
+      property real cardSpacing: Style.spacingLarge * scaling
       // X coordinate from the bar to align this panel under
       property real anchorX: root.anchorX
       // Ensure this panel attaches to the intended screen

Modules/SidePanel/WeatherCard.qml

@@ -18,8 +18,8 @@ NBox {
     anchors.left: parent.left
     anchors.right: parent.right
     anchors.top: parent.top
-    anchors.margins: Style.marginLarge * scaling
-    spacing: Style.marginSmall * scaling
+    anchors.margins: Style.marginMedium * scaling
+    spacing: Style.marginMedium * scaling
 
     RowLayout {
       spacing: Style.marginSmall * scaling
@@ -46,9 +46,9 @@ NBox {
       color: Colors.backgroundTertiary
     }
 
-    RowLayout {
-      Layout.fillWidth: true
-      spacing: Style.marginLarge * scaling
+      RowLayout {
+        Layout.fillWidth: true
+        spacing: Style.marginMedium * scaling
       Repeater {
         model: 5
         delegate: ColumnLayout {