From b1df12ae655174edadeb9494573a268be1c734a1 Mon Sep 17 00:00:00 2001
From: Sweetbread <risdeveau@codrs.ru>
Date: Fri, 11 Apr 2025 19:57:52 +0300
Subject: [PATCH] fix(ags): set margins

---
 modules/user/packages/drvs/ags/.gitignore     |  2 +
 modules/user/packages/drvs/ags/style.scss     | 39 +++++++++++--------
 .../drvs/ags/widget/elements/Wifi.tsx         |  4 +-
 3 files changed, 27 insertions(+), 18 deletions(-)
 create mode 100644 modules/user/packages/drvs/ags/.gitignore

diff --git a/modules/user/packages/drvs/ags/.gitignore b/modules/user/packages/drvs/ags/.gitignore
new file mode 100644
index 0000000..312d00d
--- /dev/null
+++ b/modules/user/packages/drvs/ags/.gitignore
@@ -0,0 +1,2 @@
+accent.css
+colors.scss
\ No newline at end of file
diff --git a/modules/user/packages/drvs/ags/style.scss b/modules/user/packages/drvs/ags/style.scss
index 62194e8..cb39407 100644
--- a/modules/user/packages/drvs/ags/style.scss
+++ b/modules/user/packages/drvs/ags/style.scss
@@ -3,17 +3,23 @@
 
 $radius: 10px;
 
-%item {
+* {
     all: unset;
+}
+
+%item {
     background: $bg;
     border-radius: $radius;
-    padding: 4px;
+    padding: 6px 8px;
 
-    & + &, .item + & { margin-left: 4px; }
+    & + &, .item + &, & + .item  { margin-left: 4px; }
 
-    label { margin: 0 8px; }
+    icon + label { margin-left: 4px; }
 }
 
+.item + .item { margin-left: 4px; }
+
+
 window.Bar {
     border: none;
     box-shadow: none;
@@ -28,8 +34,6 @@ window.Bar {
 
     .Workspaces  {
         button {
-            all: unset;
-
             &:hover label {
                 background: $surface0;
                 color: $accent;
@@ -59,12 +63,12 @@ window.Bar {
     .Layout.en { color: $accent; }
 
     .SysTray button {
-        all: unset;
-        padding: 8px;
+        padding: 4px;
         border-radius: inherit;
 
         &:hover {
             background: $surface0;
+            border-radius: 4px;
         }
     }
 
@@ -82,16 +86,17 @@ window.Bar {
         }
     }
 
-    .Battery label {
-        padding-left: 0;
-        margin-left: 0;
-    }
-
-    .Time { padding: 0 8px; }
-
-    .AudioSlider icon { margin-left: 8px; }
-
     .Workspaces, .Wifi, .Layout, .Media, .SysTray, .AudioSlider, .Battery, .Time {
         @extend %item;
     }
+
+    .Wifi, .AudioSlider {
+        &, button {
+            &:hover { background-color: $surface0; }
+            &:active {
+                background-color: $accent;
+                color: $bg;
+            }
+        }
+    }
 }
diff --git a/modules/user/packages/drvs/ags/widget/elements/Wifi.tsx b/modules/user/packages/drvs/ags/widget/elements/Wifi.tsx
index 44f9816..481ca9e 100644
--- a/modules/user/packages/drvs/ags/widget/elements/Wifi.tsx
+++ b/modules/user/packages/drvs/ags/widget/elements/Wifi.tsx
@@ -6,7 +6,9 @@ export default function Wifi() {
     const network = Network.get_default()
     const wifi = bind(network, "wifi")
 
-    return <box visible={wifi.as(Boolean)}>
+    return <box
+            visible={wifi.as(Boolean)}
+            className="item">
         {wifi.as(wifi => wifi && (
             <button
                 className="Wifi"