[gnome-music/wip/jfelder/new-playertoolbar: 11/15] playertoolbar: Make the prev and next buttons flat

[Jean Felder <jfelder src gnome org>]

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

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

 data/org.gnome.Music.css | 12 ++++++++++++
 data/ui/PlayerToolbar.ui |  8 ++++++++
 2 files changed, 20 insertions(+)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index 768619eb9..f33016b0a 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -53,6 +53,18 @@ box#ArtistAlbumsWidget .artist-label {
     border-style: solid;
 }
 
+.semi-circular {
+    border-radius: 20px;
+    -gtk-outline-radius: 20px;
+}
+
+.semi-circular:hover {
+    border-top-width: 0px;
+    border-bottom-width: 0px;
+    border-left-width: 0px;
+    border-right-width: 0px;
+}
+
 .pill {
     border-radius: 9999px;
     -gtk-outline-radius: 9999px;
diff --git a/data/ui/PlayerToolbar.ui b/data/ui/PlayerToolbar.ui
index fe4eeeadb..a533cc4d8 100644
--- a/data/ui/PlayerToolbar.ui
+++ b/data/ui/PlayerToolbar.ui
@@ -131,6 +131,10 @@
                 <property name="always_show_image">True</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>
@@ -161,6 +165,10 @@
                 <property name="always_show_image">True</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>