[gnome-music/wip/jfelder/new-playertoolbar: 9/10] playertoolbar: Make the buttons flat

[Jean Felder <jfelder src gnome org>]

commit e86ee6356c45fc4de8e8ecf3801979b7158dee6f
Author: Jean Felder <jfelder src gnome org>
Date:   Thu Jan 28 17:10:06 2021 +0100

    playertoolbar: Make the buttons flat
    
    Also, round the corners a little bit.

 data/org.gnome.Music.css |  4 ++++
 data/ui/PlayerToolbar.ui | 12 ++++++++++++
 2 files changed, 16 insertions(+)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index 980aae0ca..25ba4217f 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -49,6 +49,10 @@ box#ArtistAlbumsWidget .artist-label {
     font-size: smaller;
 }
 
+.semi-circular {
+    border-radius: 20px;
+}
+
 /* PlaylistControls */
 .playlist-name-label {
   font-weight: bold;
diff --git a/data/ui/PlayerToolbar.ui b/data/ui/PlayerToolbar.ui
index 6bf5593bc..02564235d 100644
--- a/data/ui/PlayerToolbar.ui
+++ b/data/ui/PlayerToolbar.ui
@@ -132,6 +132,10 @@
                 <property name="valign">center</property>
                 <property name="tooltip_text" translatable="yes">Previous</property>
                 <signal name="clicked" handler="_on_prev_button_clicked" swapped="no"/>
+                <style>
+                  <class name="flat"/>
+                  <class name="semi-circular"/>
+                </style>
               </object>
             </child>
             <child>
@@ -146,6 +150,10 @@
                 <property name="valign">center</property>
                 <property name="tooltip_text" translatable="yes">Play</property>
                 <signal name="clicked" handler="_on_play_button_clicked" swapped="no"/>
+                <style>
+                  <class name="flat"/>
+                  <class name="semi-circular"/>
+                </style>
               </object>
             </child>
             <child>
@@ -160,6 +168,10 @@
                 <property name="valign">center</property>
                 <property name="tooltip_text" translatable="yes">Next</property>
                 <signal name="clicked" handler="_on_next_button_clicked" swapped="no"/>
+                <style>
+                  <class name="flat"/>
+                  <class name="semi-circular"/>
+                </style>
               </object>
             </child>
             <style>