From 33da16cee157390ad26d5c044f7c7a30a6328dde Mon Sep 17 00:00:00 2001
From: Andre Ramnitz <tux.rising@gmail.com>
Date: Sun, 25 Aug 2024 20:55:54 +0200
Subject: [PATCH] swaync: alignment with waybar

---
 config/swaync/config.json |  2 +-
 config/swaync/style.css   | 33 ++++++++++++---------------------
 2 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/config/swaync/config.json b/config/swaync/config.json
index eaf56f07..b87b2226 100644
--- a/config/swaync/config.json
+++ b/config/swaync/config.json
@@ -4,7 +4,7 @@
   "positionY": "top",
   "control-center-margin-top": 2,
   "control-center-margin-bottom": 2,
-  "control-center-margin-right": 1,
+  "control-center-margin-right": 840,
   "control-center-margin-left": 0,
   "notification-icon-size": 64,
   "notification-body-image-height": 100,
diff --git a/config/swaync/style.css b/config/swaync/style.css
index 2caf6334..856f99ed 100644
--- a/config/swaync/style.css
+++ b/config/swaync/style.css
@@ -333,7 +333,6 @@
 }
 
 
-
 /* Widget VOLUME (not ready yet)
 ──────────────────────────────────────────────────────────────────────────────
 */
@@ -383,20 +382,22 @@
   margin: 2px;
 }
 
-/* voll nutte, der eigentliche text ist >label */
+.power-buttons>button:hover {
+    background: @bt7;
+}
+
+/* items of the drop-down menu */
 .power-buttons>button>label {
   background-color: @yellow;
   color: @bs;
   font-size: 1.5rem;
-}
-
-.power-buttons>button:hover {
-    background: @bt7;
+  opacity: 0.8;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
 }
 
 
-
-/* Widget POWERMENU
+/* Widget MENUBAR
 ──────────────────────────────────────────────────────────────────────────────
 */
 .widget-menubar>box>.menu-button-bar>button {
@@ -412,7 +413,6 @@
   background: @noti-bg-hover;
 }
 
-/*ganz oben 2.+3. von links*/
 .topbar-buttons>button {
   background: @noti-bg;
   box-shadow: none;
@@ -431,7 +431,6 @@
 }
 
 
-
 /* Widget BUTTONGRID (not ready yet)
 ──────────────────────────────────────────────────────────────────────────────
 */
@@ -483,19 +482,11 @@
   background-color: @yellow;
   color: @bs;
   font-size: 1.5rem;
+  opacity: 0.8;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
 }
 
-.powermode-buttons>button>label {
-  background-color: @yellow;
-  color: @bs;
-}
-
-.powermode-buttons>button>label:hover {
-  background: @noti-bg-hover;
-}
-
-
-
 /* NOTIFICATIONS Collapse/expand buttons
 ──────────────────────────────────────────────────────────────────────────────
 */
-- 
2.51.2