From 5e4e626eab948d8a6a0e0efc321b687abcfb8086 Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Tue, 2 Jan 2024 23:26:52 -0500
Subject: [PATCH] chore(binto ags): update code to latest wim changes

---
 devices/binto/config/ags/config.js            |  9 +++++----
 .../ags/scss/widgets/notification-center.scss | 20 ++++++++++---------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/devices/binto/config/ags/config.js b/devices/binto/config/ags/config.js
index 83b3c2f..9ab9fe2 100644
--- a/devices/binto/config/ags/config.js
+++ b/devices/binto/config/ags/config.js
@@ -10,7 +10,8 @@ import Powermenu from 'file:///home/matt/.nix/devices/wim/config/ags/js/powermen
 
 const scss = App.configDir + '/scss/main.scss';
 const css  = App.configDir + '/style.css';
-exec(`sassc ${scss} ${css}`);
+exec(`sassc ${scss} ${css}`)
+const closeWinDelay = 800;;
 
 
 export default {
@@ -24,9 +25,9 @@ export default {
     },
 
     closeWindowDelay: {
-        'applauncher': 500,
-        'notification-center': 500,
-        'powermenu': 500,
+        'applauncher': closeWinDelay,
+        'notification-center': closeWinDelay,
+        'powermenu': closeWinDelay,
     },
     windows: [
         AppLauncher(),
diff --git a/devices/binto/config/ags/scss/widgets/notification-center.scss b/devices/binto/config/ags/scss/widgets/notification-center.scss
index ae94e6b..7515f8e 100644
--- a/devices/binto/config/ags/scss/widgets/notification-center.scss
+++ b/devices/binto/config/ags/scss/widgets/notification-center.scss
@@ -17,21 +17,23 @@
       font-size: 22px;
     }
 
-    button {
-      all: unset;
-      transition: 200ms;
-      color: #eee;
-      background-color: #664C90;
-      box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03);
-      padding: 4.5px 9px;
+    .clear {
+      box {
+        all: unset;
+        transition: 200ms;
+        color: #eee;
+        background-color: #664C90;
+        box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03);
+        padding: 4.5px 9px;
+      }
 
-      &:hover {
+      &.hover box {
         box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03);
         background-color: rgba(238, 238, 238, 0.154);
         color: #f1f1f1;
       }
 
-      &:disabled {
+      &.disabled box {
         box-shadow: none;
         background-color: rgba(#664C90, 0.3);
         color: rgba(238, 238, 238, 0.3);