reduce default padding

components/StyledPane.qml

@@ -5,7 +5,7 @@ import QtQuick.Controls
 Pane {
     id: pane
 
-    padding: 24
+    padding: 8
     background: Rectangle {
         color: "transparent"
         border.width: Styling.theme.border

modules/storybook/Components.qml

@@ -1,5 +1,6 @@
 import qs.components
 import qs.config
+import qs.services
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
@@ -14,6 +15,7 @@ GridLayout {
             text: "ToolTip"
             font.pixelSize: 18
         }
+        StyledPane {
             Button {
                 id: toolTipButton
                 text: "Hello world!"
@@ -23,12 +25,14 @@ GridLayout {
                 }
             }
         }
+    }
 
     ColumnLayout {
         StyledText {
             text: "ProgressBar"
             font.pixelSize: 18
         }
+        StyledPane {
             StyledProgressBar {
                 id: progressBar
                 indeterminate: true
@@ -38,12 +42,14 @@ GridLayout {
                 value: 50
             }
         }
+    }
 
     ColumnLayout {
         StyledText {
             text: "ListView"
             font.pixelSize: 18
         }
+        StyledPane {
             StyledWrapperRectangle {
                 border.color: Styling.theme.base100
                 border.width: 2
@@ -57,30 +63,36 @@ GridLayout {
                 }
             }
         }
+    }
 
     ColumnLayout {
         StyledText {
             text: "Mpris Player Selector"
             font.pixelSize: 18
         }
+        StyledPane {
             MprisPlayerSelector {}
         }
+    }
 
     ColumnLayout {
         StyledText {
             text: "Mpris Controller"
             font.pixelSize: 18
         }
+        StyledPane {
             MprisController {
                 player: Mpris.active ?? null
             }
         }
+    }
 
     ColumnLayout {
         StyledText {
             text: "Drawer"
             font.pixelSize: 18
         }
+        StyledPane {
             RowLayout {
                 Button {
                     text: "Top"
@@ -120,6 +132,7 @@ GridLayout {
                 }
             }
         }
+    }
 
     StyledDrawer {
         id: drawer

modules/storybook/Selectors.qml

@@ -1,5 +1,4 @@
 import qs.components
-import qs.config
 import QtQuick
 import QtQuick.Layouts
 
@@ -14,8 +13,10 @@ GridLayout {
             font.pixelSize: 18
         }
 
+        StyledPane {
             StyledSwitch {
                 text: "Enable"
             }
         }
+    }
 }