From d19e251440ab256a13e9a4a394ed372f73bdd216 Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Tue, 5 Sep 2023 14:04:19 -0400
Subject: [PATCH] feat(ags): add qs toggle button

---
 config/ags/js/bar/bar.js                 | 7 +++++--
 config/ags/scss/widgets/traybuttons.scss | 3 ++-
 config/ags/style.css                     | 3 ++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/config/ags/js/bar/bar.js b/config/ags/js/bar/bar.js
index 2bddcd9..3f07f55 100644
--- a/config/ags/js/bar/bar.js
+++ b/config/ags/js/bar/bar.js
@@ -6,6 +6,7 @@ import { Workspaces }     from './workspaces.js';
 import { OskToggle }      from './osk-toggle.js';
 import { Heart }          from './heart.js';
 import { TabletToggle }   from './tablet-toggle.js';
+import { QsToggle }       from './quick-settings.js';
 
 export const Bar = Window({
   name: 'left-bar',
@@ -16,7 +17,7 @@ export const Bar = Window({
   child: CenterBox({
     className: 'transparent',
     halign: 'fill',
-    style: 'margin-top: 5px; margin-left: 5px;',
+    style: 'margin-top: 5px; margin-left: 5px; margin-right: 5px',
     vertical: false,
     
     children: [
@@ -49,7 +50,9 @@ export const Bar = Window({
       // Right
       Box({
         halign: 'end',
-        children: [],
+        children: [
+          QsToggle,
+        ],
       }),
     ],
   }),
diff --git a/config/ags/scss/widgets/traybuttons.scss b/config/ags/scss/widgets/traybuttons.scss
index 6d7305b..6e70d52 100644
--- a/config/ags/scss/widgets/traybuttons.scss
+++ b/config/ags/scss/widgets/traybuttons.scss
@@ -35,7 +35,8 @@
   font-size: 24px;
   min-height: 40px;
   min-width: 40px;
-  padding: 0px 0px 0px 0px;
+  padding-right: 4px;
+  margin-left: -3px;
 }
 
 .toggle-off {
diff --git a/config/ags/style.css b/config/ags/style.css
index 5a31237..ecec488 100644
--- a/config/ags/style.css
+++ b/config/ags/style.css
@@ -70,7 +70,8 @@
   font-size: 24px;
   min-height: 40px;
   min-width: 40px;
-  padding: 0px 0px 0px 0px; }
+  padding-right: 4px;
+  margin-left: -3px; }
 
 .toggle-off {
   background-color: rgba(40, 42, 54, 0.8);