[gnome-clocks/bilelmoussaoui/redesign-timer] Timer: add a header to init state

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 86351bd0e45044decb86e9536d42bd77c19fd683
Author: Bilal Elmoussaoui <bil elmoussaoui gmail com>
Date:   Mon Feb 3 17:26:39 2020 +0100

    Timer: add a header to init state

 data/css/gnome-clocks.css |  4 ++++
 data/ui/timer.ui          | 18 +++++++++++++++++-
 src/timer.vala            |  2 +-
 3 files changed, 22 insertions(+), 2 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index f0dee89..041634c 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -237,6 +237,10 @@ spinbutton.clocks-timer-label button {
 .timer-panel .large-button {
   padding: 12px 16px;
 }
+.timer-panel .timer-header {
+  font-size: 20pt;
+  font-weight: 700;
+}
 .timer-countdown {
   font-size: 40pt;
 }
diff --git a/data/ui/timer.ui b/data/ui/timer.ui
index 501f15c..6aac65c 100644
--- a/data/ui/timer.ui
+++ b/data/ui/timer.ui
@@ -13,6 +13,22 @@
         <property name="halign">center</property>
         <property name="valign">center</property>
         <property name="orientation">vertical</property>
+        <property name="spacing">18</property>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="label" translatable="yes">Select Duration</property>
+            <style>
+              <class name="timer-header"/>
+            </style>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
         <child>
           <object class="GtkButton" id="start_button">
             <property name="visible">True</property>
@@ -61,12 +77,12 @@
                 <property name="can_focus">False</property>
                 <property name="maximum_width">600</property>
                 <property name="linear_growth_width">600</property>
-                <property name="margin">12</property>
                 <child>
                   <object class="GtkListBox" id="timers_list">
                     <property name="visible">True</property>
                     <property name="can_focus">False</property>
                     <property name="valign">start</property>
+                    <property name="margin">18</property>
                     <property name="selection_mode">none</property>
                     <property name="activate_on_single_click">False</property>
                     <style>
diff --git a/src/timer.vala b/src/timer.vala
index 8ab1acb..0edaf12 100644
--- a/src/timer.vala
+++ b/src/timer.vala
@@ -455,7 +455,7 @@ public class Face : Gtk.Stack, Clocks.Clock {
         notification.set_body (_("Timer countdown finished"));
 
         no_timer_container.add (timer_setup);
-        no_timer_container.reorder_child (timer_setup, 0);
+        no_timer_container.reorder_child (timer_setup, 1);
         set_visible_child_name ("empty");
 
         start_button.set_sensitive (false);