waybar: fix tooltip/menu styles

Signed-off-by: Myned <dev@bjork.tech>

options/custom/programs/waybar/default.nix

@@ -61,8 +61,6 @@ in {
 
         # ?? waybar --log-level debug
         style = ''
-          ${readFile ./style.css}
-
           * {
             border-radius: 50px;
             color: #93a1a1;
@@ -74,6 +72,8 @@ in {
           .horizontal > box {
             margin: 0 ${toString config.custom.gap}px ${toString config.custom.gap}px;
           }
+
+          ${readFile ./style.css}
         '';
 
         ### SETTINGS ###

options/custom/programs/waybar/style.css

@@ -13,9 +13,27 @@ label:hover {
   background: #073642;
 }
 
+menu {
+  border-radius: 20px;
+  padding: 4px;
+}
+
+menuitem {
+  padding: 4px;
+}
+
+menuitem label {
+  font-size: 16px;
+}
+
 tooltip {
-  opacity: 0;
-  /* background: #002b36; */
+  background: #002b36;
+  border-radius: 20px;
+}
+
+tooltip label {
+  font-size: 16px;
+  padding: 4px;
 }
 
 .active {