[gnome-clocks/bilelmoussaoui/alarm-ringing-redesign: 4/4] alarm: clean up ringing panel design

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 52fcab178fc72ac72566ec18de836326a3641ebc
Author: Bilal Elmoussaoui <bil elmoussaoui gmail com>
Date:   Thu Aug 6 15:36:36 2020 +0200

    alarm: clean up ringing panel design

 data/css/gnome-clocks.css      |  4 +---
 data/ui/alarm-ringing-panel.ui | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 13 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index 2473ac3..41ede1b 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -59,6 +59,7 @@ row.snoozing {
 .clocks-standalone-label,
 .clocks-ringing-label {
        font-size: 6em;
+       font-weight: 300;
 }
 
 .clocks-ringing-title {
@@ -70,9 +71,6 @@ row.snoozing {
        font-size: 18pt;
 }
 
-.clocks-button {
-       font-size: 14pt;
-}
 
 .clocks-alarm-setup-time {
        font-size: 32pt;
diff --git a/data/ui/alarm-ringing-panel.ui b/data/ui/alarm-ringing-panel.ui
index 69c088f..df04bc7 100644
--- a/data/ui/alarm-ringing-panel.ui
+++ b/data/ui/alarm-ringing-panel.ui
@@ -36,8 +36,8 @@
                     <property name="can_focus">True</property>
                     <property name="receives_default">True</property>
                     <style>
-                      <class name="clocks-button"/>
-                      <class name="clocks-stop"/>
+                      <class name="pill-button"/>
+                      <class name="large-button"/>
                       <class name="destructive-action"/>
                     </style>
                   </object>
@@ -53,10 +53,9 @@
                     <property name="visible">True</property>
                     <property name="can_focus">True</property>
                     <property name="receives_default">True</property>
-                    <property name="relief">none</property>
                     <style>
-                      <class name="clocks-button"/>
-                      <class name="clocks-snooze"/>
+                      <class name="pill-button"/>
+                      <class name="large-button"/>
                     </style>
                   </object>
                   <packing>
@@ -80,16 +79,17 @@
                 <property name="vexpand">True</property>
                 <property name="orientation">vertical</property>
                 <child>
-                  <object class="GtkLabel" id="title_label">
+                  <object class="GtkLabel" id="time_label">
                     <property name="visible">True</property>
                     <property name="can_focus">False</property>
                     <property name="justify">center</property>
                     <property name="wrap">True</property>
+                    <property name="xalign">0.5</property>
                     <attributes>
                       <attribute name="font-features" value="tnum=1"/>
                     </attributes>
                     <style>
-                      <class name="clocks-ringing-title"/>
+                      <class name="clocks-ringing-label"/>
                     </style>
                   </object>
                   <packing>
@@ -99,14 +99,14 @@
                   </packing>
                 </child>
                 <child>
-                  <object class="GtkLabel" id="time_label">
+                  <object class="GtkLabel" id="title_label">
                     <property name="visible">True</property>
                     <property name="can_focus">False</property>
                     <property name="justify">center</property>
                     <property name="wrap">True</property>
-                    <property name="xalign">0.5</property>
+                    <property name="margin_top">24</property>
                     <style>
-                      <class name="clocks-ringing-label"/>
+                      <class name="clocks-ringing-title"/>
                     </style>
                   </object>
                   <packing>