per_app_volume looks enhancements

modules/controlcenter/per_app_volume.py

@@ -40,7 +40,7 @@ class PerAppVolumeControl(Box):
                     image=Image(icon_name="back", size=10),
                     on_clicked=lambda *_: self.control_center.close_per_app_volume(),
                 ),
-                Label("App Volume"),
+                Label("App Volume", name="app-volume-header"),
             ],
         )
 

styles/controlcenter.css

@@ -358,9 +358,9 @@
   min-height: 140px;
   min-width: 350px;
   /* background-color: alpha(#000, 0.3); */
-  background-color: alpha(#999, 0.1);
+  /* background-color: alpha(#999, 0.1); */
   /* box-shadow: inset 0 0 200px 0 alpha(#111, 0.3); */
-  border: 0.5px solid alpha(#000, 0.4);
+  /* border: 0.5px solid alpha(#000, 0.4); */
   border-radius: 8px;
   padding: 1rem;
 
@@ -499,7 +499,6 @@
 }
 
 #app-volume-slider slider {
-  background-image: none;
   background-color: #fff;
   padding: 2px;
   min-width: 4px;
@@ -920,3 +919,11 @@
   font-weight: bold;
   font-family: "SF Pro Rounded";
 }
+#app-volume-header {
+  font-size: 16px;
+  padding-left: 5px;
+  margin-top: -2px;
+  font-weight: bold;
+  font-family: "SF Pro Rounded";
+  color: #ffffff;
+}