[nautilus] progress-info-widget: Make button circular, not elliptical

[António Fernandes <antoniof src gnome org>]

commit 787a835f01f78ce047af669553ecd83f38631682
Author: Stephen Ransom <stephen ransom pm me>
Date:   Thu Dec 31 19:34:00 2020 +0000

    progress-info-widget: Make button circular, not elliptical
    
    When copying file(s), the Operations 'stop' button is elliptical, but it
    should be circular.
    
    So, replace our custom .nautilus-cirular-button class with .circular,
    for which GTK employs the necessary stylesheet magic.
    
    Fixes https://gitlab.gnome.org/GNOME/nautilus/-/issues/1483

 src/resources/css/nautilus.css                    | 5 -----
 src/resources/ui/nautilus-progress-info-widget.ui | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)
---
diff --git a/src/resources/css/nautilus.css b/src/resources/css/nautilus.css
index a85df669a..2e46b7abe 100644
--- a/src/resources/css/nautilus.css
+++ b/src/resources/css/nautilus.css
@@ -1,8 +1,3 @@
-.nautilus-circular-button {
-  border-radius: 20px;
-  -gtk-outline-radius: 20px;
-}
-
 .nautilus-menu-sort-heading {
     min-height: 26px;
     padding-left: 5px;
diff --git a/src/resources/ui/nautilus-progress-info-widget.ui 
b/src/resources/ui/nautilus-progress-info-widget.ui
index 72d08e994..72c18e850 100644
--- a/src/resources/ui/nautilus-progress-info-widget.ui
+++ b/src/resources/ui/nautilus-progress-info-widget.ui
@@ -53,7 +53,7 @@
         <property name="margin_start">20</property>
         <property name="image">cancel_image</property>
         <style>
-          <class name="nautilus-circular-button"/>
+          <class name="circular"/>
         </style>
       </object>
       <packing>