[gnome-clocks] Use Adwaita css classes for circular buttons

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 677f07f4a0d1ee427c576bc5b4fe13ea98837de0
Author: Maximiliano Sandoval R <msandova gnome org>
Date:   Mon Dec 13 11:43:33 2021 +0100

    Use Adwaita css classes for circular buttons
    
    Remove unnecessary css.

 data/css/gnome-clocks.css | 18 +-----------------
 data/ui/timer-face.ui     |  2 +-
 data/ui/timer-row.ui      | 10 ++++------
 3 files changed, 6 insertions(+), 24 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index ac971726..25173ba1 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -19,15 +19,7 @@ label.destructive-action {
 }
 
 .large-button {
-       padding: 6px 32px;
-}
-
-.circular.flat {
-       padding: 4px;
-}
-
-.circular.flat {
-       border-radius: 9999px;
+       padding: 6px;
 }
 
 /* alarms */
@@ -108,14 +100,6 @@ spinbutton.clocks-timer-label button {
        color: transparent;
 }
 
-.timer-panel .small-button {
-       padding: 5px 9px;
-}
-
-.timer-panel .large-button {
-       padding: 12px 16px;
-}
-
 .timer-panel .timer-header {
        font-size: 20pt;
        font-weight: 300;
diff --git a/data/ui/timer-face.ui b/data/ui/timer-face.ui
index 37cca463..7c7b90cc 100644
--- a/data/ui/timer-face.ui
+++ b/data/ui/timer-face.ui
@@ -27,7 +27,7 @@
                     <property name="valign">center</property>
                     <property name="icon_name">media-playback-start-symbolic</property>
                     <style>
-                      <class name="pill"/>
+                      <class name="circular"/>
                       <class name="large-button"/>
                       <class name="suggested-action"/>
                     </style>
diff --git a/data/ui/timer-row.ui b/data/ui/timer-row.ui
index 5b2fe865..87ab87e4 100644
--- a/data/ui/timer-row.ui
+++ b/data/ui/timer-row.ui
@@ -71,7 +71,7 @@
                         <property name="icon_name">media-playback-pause-symbolic</property>
                         <signal name="clicked" handler="on_pause_button_clicked" swapped="no"/>
                         <style>
-                          <class name="pill"/>
+                          <class name="circular"/>
                           <class name="large-button"/>
                         </style>
                       </object>
@@ -90,7 +90,7 @@
                         <signal name="clicked" handler="on_start_button_clicked" swapped="no"/>
                         <style>
                           <class name="suggested-action"/>
-                          <class name="pill"/>
+                          <class name="circular"/>
                           <class name="large-button"/>
                         </style>
                       </object>
@@ -116,8 +116,7 @@
                         <property name="icon_name">view-refresh-symbolic</property>
                         <signal name="clicked" handler="on_reset_button_clicked" swapped="no"/>
                         <style>
-                          <class name="pill"/>
-                          <class name="small-button"/>
+                          <class name="circular"/>
                         </style>
                       </object>
                     </property>
@@ -150,8 +149,7 @@
                         <property name="valign">center</property>
                         <property name="icon_name">edit-delete-symbolic</property>
                         <style>
-                          <class name="pill"/>
-                          <class name="small-button"/>
+                          <class name="circular"/>
                         </style>
                       </object>
                     </property>