Few small CSS optimizations for new Adwaita theme

css/styles.css

@@ -6,10 +6,16 @@ radio {
   margin-left: -2px;
 }
 /* Adwaita is missing osd ListBox */
-.osd list {
+.playlistrow {
+  border-radius: 5px;
+}
+.playlistrow {
+  color: @theme_fg_color;
+}
+.osd .playlist {
   background: none;
 }
-.osd list row image {
+.osd .playlist row image {
   -gtk-icon-shadow: none;
 }
 .osdheaderbar {
@@ -28,18 +34,15 @@ radio {
 .linkedright image {
   margin-right: 2px;
 }
-/* Non-osd style for popover menu */
-.menupopover label {
-  color: @theme_text_color;
-}
-.menupopover arrow {
-  background: @theme_base_color;
-  border-color: @insensitive_base_color;
-}
-.menupopover contents {
-  background: @theme_base_color;
-  border-color: @insensitive_base_color;
+
+/* Flat popovers */
+popover arrow,
+popover contents {
+  border-color: transparent;
+  box-shadow: none;
 }
+
+/* Rounded corners */
 .adwrounded.csd {
   border-radius: 8px;
 }
@@ -167,9 +170,6 @@ scale trough slider {
   margin-right: -4px;
 }
 .positionscale trough highlight {
-  min-height: 4px;
-}
-.osd .positionscale trough highlight {
   min-height: 6px;
 }
 .fullscreen.tvmode .positionscale trough slider {
@@ -234,6 +234,9 @@ scale trough slider {
   margin-top: -4px;
   margin-bottom: -6px;
 }
+.volumescale trough highlight {
+  min-width: 4px;
+}
 .fullscreen.tvmode .volumescale trough highlight {
   min-width: 6px;
 }
@@ -251,6 +254,9 @@ scale trough slider {
 .fullscreen.tvmode .elapsedpopoverbox {
   min-width: 360px;
 }
+.speedscale trough highlight {
+  min-height: 4px;
+}
 .fullscreen.tvmode .speedscale trough highlight {
   min-height: 6px;
 }

src/headerbarBase.js

@@ -17,7 +17,6 @@ class ClapperHeaderBarBase extends Gtk.Box
             margin_start: 6,
             margin_end: 6,
         });
-        this.add_css_class('osd');
         this.add_css_class('osdheaderbar');
 
         this.isMaximized = false;
@@ -40,11 +39,11 @@ class ClapperHeaderBarBase extends Gtk.Box
             valign: Gtk.Align.CENTER,
             can_focus: false,
         });
+        const menuToggleButton = this.menuButton.get_first_child();
+        menuToggleButton.add_css_class('osd');
         const mainMenuModel = uiBuilder.get_object('mainMenu');
         const mainMenuPopover = new HeaderBarPopover(mainMenuModel);
-        mainMenuPopover.add_css_class('menupopover');
         this.menuButton.set_popover(mainMenuPopover);
-        this.menuButton.add_css_class('osd');
         this.menuButton.add_css_class('circular');
         this.menuWidget.append(this.menuButton);
 

src/playlist.js

@@ -28,6 +28,7 @@ class ClapperPlaylistWidget extends Gtk.ListBox
         });
         this.activeRowId = -1;
         this.repeatMode = RepeatMode.NONE;
+        this.add_css_class('playlist');
 
         this.connect('row-activated', this._onRowActivated.bind(this));
     }
@@ -254,6 +255,7 @@ class ClapperPlaylistItem extends Gtk.ListBoxRow
         }
         this.filename = filename || uri;
         this.set_tooltip_text(this.filename);
+        this.add_css_class('playlistrow');
 
         const box = new Gtk.Box({
             orientation: Gtk.Orientation.HORIZONTAL,