[gnome-music/wip/jfelder/playlist-improvements: 26/26] playlistcontrols: Make the menu buttons flat

[Jean Felder <jfelder src gnome org>]

commit 388bbe438948db478f5a931f59abecd290db7e2d
Author: Jean Felder <jfelder src gnome org>
Date:   Thu Jan 28 15:42:45 2021 +0100

    playlistcontrols: Make the menu buttons flat
    
    By default, flat buttons do not have a border. The custom
    "flat-border" style adds it.

 data/org.gnome.Music.css    | 5 +++++
 data/ui/PlaylistControls.ui | 4 ++++
 2 files changed, 9 insertions(+)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index 4659aec06..a9fa0855f 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -191,3 +191,8 @@ padding: 0px;
 .lastfm-status-label {
     font-weight: bold;
 }
+
+/* Add a border to some flat buttons */
+.flat-border {
+    border: 1px solid alpha(@borders, 0.75);
+}
diff --git a/data/ui/PlaylistControls.ui b/data/ui/PlaylistControls.ui
index 52352ffd1..fd5b9b67e 100644
--- a/data/ui/PlaylistControls.ui
+++ b/data/ui/PlaylistControls.ui
@@ -125,6 +125,8 @@
             <signal name="clicked" handler="_on_play_button_clicked" swapped="no"/>
             <style>
               <class name="circular"/>
+              <class name="flat"/>
+              <class name="flat-border"/>
             </style>
           </object>
         </child>
@@ -143,6 +145,8 @@
             <style>
               <class name="image-button"/>
               <class name="circular"/>
+              <class name="flat"/>
+              <class name="flat-border"/>
             </style>
           </object>
         </child>