From 7dbb3deeeaeb11fc1f3794ffdf4fb015fe9cdf11 Mon Sep 17 00:00:00 2001
From: lysec <itslysec@gmail.com>
Date: Thu, 9 Oct 2025 15:48:23 +0200
Subject: [PATCH] QuickSettings: compact version uses 4 per row

---
 Modules/ControlCenter/Cards/TopCard.qml      | 2 +-
 Modules/ControlCenter/ControlCenterPanel.qml | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/Modules/ControlCenter/Cards/TopCard.qml b/Modules/ControlCenter/Cards/TopCard.qml
index 51aeb619..643200e2 100644
--- a/Modules/ControlCenter/Cards/TopCard.qml
+++ b/Modules/ControlCenter/Cards/TopCard.qml
@@ -105,7 +105,7 @@ NBox {
     GridLayout {
       id: grid
       Layout.fillWidth: true
-      columns: 3
+      columns: (Settings.data.controlCenter.quickSettingsStyle === "compact") ? 4 : 3
       columnSpacing: Style.marginM * scaling
       rowSpacing: Style.marginS * scaling
 
diff --git a/Modules/ControlCenter/ControlCenterPanel.qml b/Modules/ControlCenter/ControlCenterPanel.qml
index 2e8d5375..014c9a88 100644
--- a/Modules/ControlCenter/ControlCenterPanel.qml
+++ b/Modules/ControlCenter/ControlCenterPanel.qml
@@ -16,12 +16,16 @@ NPanel {
 
   readonly property int bottomHeight: Math.round(Math.max(196 * scaling))
   readonly property int topHeight: {
-    const rowsCount = Math.ceil(Settings.data.controlCenter.widgets.quickSettings.length / 3)
+    const columns = (Settings.data.controlCenter.quickSettingsStyle === "compact") ? 4 : 3
+    const rowsCount = Math.ceil(Settings.data.controlCenter.widgets.quickSettings.length / columns)
 
     var buttonHeight;
     if (Settings.data.controlCenter.quickSettingsStyle === "classic") {
       buttonHeight = Style.baseWidgetSize
     }
+    else if (Settings.data.controlCenter.quickSettingsStyle === "compact") {
+      buttonHeight = Style.baseWidgetSize * 0.8 // Smaller for compact
+    }
     else {
       buttonHeight = 56
     }