From 0eca5f5874cdd8b2b31f74fd5c49b0174ce4c811 Mon Sep 17 00:00:00 2001
From: Peter Cai <peter@typeblog.net>
Date: Fri, 25 Mar 2022 21:57:38 -0400
Subject: [PATCH] waybar: use order instead of id for rounded corners

---
 sway/.config/waybar/style.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/sway/.config/waybar/style.css b/sway/.config/waybar/style.css
index fd42fc8..e688bb0 100644
--- a/sway/.config/waybar/style.css
+++ b/sway/.config/waybar/style.css
@@ -58,6 +58,11 @@ window#waybar.hidden {
     border-bottom: 3px solid #ffffff;
 }
 
+/* Rounded corner for the leftmost non-tray module on the right side */
+.modules-right > :nth-child(2) > * {
+    border-radius: 5px 0px 0px 5px;
+}
+
 #clock,
 #battery,
 #cpu,
@@ -136,7 +141,6 @@ label:focus {
 }
 
 #pulseaudio {
-    border-radius: 5px 0px 0px 5px;
     background-color: #ebdbb2;
     color: #000000;
 }
@@ -171,7 +175,7 @@ label:focus {
 
 #tray {
     background-color: #3c3836;
-    padding: 0 8px;
+    padding: 0 12px;
 }
 
 #custom-power {