From e950be715636fc87887f842a5788dc95fe0d9a14 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Wed, 27 Aug 2025 12:50:24 -0400
Subject: [PATCH 1/2] storybook title

---
 modules/storybook/Storybook.qml | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/modules/storybook/Storybook.qml b/modules/storybook/Storybook.qml
index 402c3b9..1647923 100644
--- a/modules/storybook/Storybook.qml
+++ b/modules/storybook/Storybook.qml
@@ -26,12 +26,7 @@ StyledWindow {
         id: rect
 
         color: Theme.palette.base300
-        implicitWidth: 800
-        implicitHeight: 1200
-        leftMargin: 48
-        rightMargin: 48
-        topMargin: 24
-        bottomMargin: 24
+        margin: 48
         radius: 8
 
         HyprlandFocusGrab {
@@ -46,6 +41,13 @@ StyledWindow {
 
             spacing: 12
 
+            StyledText {
+                Layout.alignment: Qt.AlignHCenter
+                text: "Components"
+                font.pixelSize: 24
+                bottomPadding: 24
+            }
+
             ColumnLayout {
                 StyledText {
                     text: "Switch"

From 8ee0f00ce508f965b18eeb7479b3683c3916cd49 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Wed, 27 Aug 2025 12:59:28 -0400
Subject: [PATCH 2/2] less chonky

---
 components/StyledSwitch.qml | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/StyledSwitch.qml b/components/StyledSwitch.qml
index e83fb24..b17c6d2 100644
--- a/components/StyledSwitch.qml
+++ b/components/StyledSwitch.qml
@@ -6,13 +6,13 @@ Switch {
     id: control
     indicator: Item {
         implicitWidth: 48
-        implicitHeight: 26
+        implicitHeight: 22
         Rectangle {
             implicitWidth: parent.width
             implicitHeight: parent.height - 4
             x: control.leftPadding
             y: parent.height / 2 - height / 2
-            radius: 8
+            radius: 6
             color: control.checked ? Theme.palette.primary : Theme.palette.base100
             Behavior on color {
                 ColorAnimation {
@@ -29,9 +29,9 @@ Switch {
                     duration: 150
                 }
             }
-            width: 26
-            height: 26
-            radius: 8
+            width: 22
+            height: 22
+            radius: 6
             color: Theme.palette.basecontent
         }
     }