swaync: alignment with waybar

diff --git a/config/swaync/config.json b/config/swaync/config.json
index eaf56f07456425ffb93d1038a87bdb0b04d94a3a..b87b222600e796c560f7424caa56b55a7d6b89af 100644 (file)
--- 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 2caf63346d3ba81a13aa922eaaeb8c4369712a0e..856f99ed6f307f1ac63cd7cac3c6149d58a101ed 100644 (file)
--- 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
 ──────────────────────────────────────────────────────────────────────────────
 */