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

[Jean Felder <jfelder src gnome org>]

commit 5c43d2a09938a90669d26a8cb6f71c22cc6e3710
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 980aae0ca..9697620f9 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -184,3 +184,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 eaad29fa4..d9aed27e0 100644
--- a/data/ui/PlaylistControls.ui
+++ b/data/ui/PlaylistControls.ui
@@ -126,6 +126,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>
@@ -144,6 +146,8 @@
             <style>
               <class name="image-button"/>
               <class name="circular"/>
+              <class name="flat"/>
+              <class name="flat-border"/>
             </style>
           </object>
         </child>