[gnome-clocks/wip/analogstopwatchtimer: 6/6] Experiment with smaller size in timer

[Paolo Borelli <pborelli src gnome org>]

commit 17fd6df5374629dc4c80104acac00037e1b5ea6c
Author: Paolo Borelli <pborelli gnome org>
Date:   Thu Aug 15 16:00:18 2013 +0200

    Experiment with smaller size in timer
    
    Try smaller fonts and padding, linked buttons to save space.
    Stopwatch still needs fixing and also the css assets for "go" etc.

 data/css/gnome-clocks.css |    4 +-
 data/ui/timer.ui          |   47 +++++++++++++++++++++-----------------------
 2 files changed, 24 insertions(+), 27 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index 12f9de6..c814386 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -99,7 +99,7 @@
 }
 
 .clocks-time-label {
-    font-size: 64px;
+    font-size: 48px;
 }
 
 .clocks-secondary-time-label {
@@ -115,7 +115,7 @@
 }
 
 .clocks-spinbutton {
-    font-size: 64px;
+    font-size: 48px;
 }
 
 .clocks-go {
diff --git a/data/ui/timer.ui b/data/ui/timer.ui
index ed99b5f..35581c2 100644
--- a/data/ui/timer.ui
+++ b/data/ui/timer.ui
@@ -31,7 +31,7 @@
         <property name="valign">center</property>
         <property name="hexpand">True</property>
         <property name="vexpand">True</property>
-        <property name="row_spacing">48</property>
+        <property name="row_spacing">24</property>
         <child>
           <object class="GtkGrid" id="grid_spinbuttons">
             <property name="visible">True</property>
@@ -111,11 +111,10 @@
               <object class="GtkLabel" id="colon_label1">
                 <property name="visible">True</property>
                 <property name="can_focus">False</property>
-                <property name="hexpand">True</property>
                 <property name="label">∶</property>
-                <attributes>
-                  <attribute name="font-desc" value="64"/>
-                </attributes>
+                <style>
+                  <class name="clocks-time-label"/>
+                </style>
               </object>
               <packing>
                 <property name="left_attach">1</property>
@@ -128,11 +127,10 @@
               <object class="GtkLabel" id="colon_label2">
                 <property name="visible">True</property>
                 <property name="can_focus">False</property>
-                <property name="hexpand">True</property>
                 <property name="label">∶</property>
-                <attributes>
-                  <attribute name="font-desc" value="64"/>
-                </attributes>
+                <style>
+                  <class name="clocks-time-label"/>
+                </style>
               </object>
               <packing>
                 <property name="left_attach">3</property>
@@ -185,8 +183,7 @@
         <property name="valign">center</property>
         <property name="hexpand">True</property>
         <property name="vexpand">True</property>
-        <property name="row_spacing">48</property>
-        <property name="column_spacing">24</property>
+        <property name="row_spacing">24</property>
         <child>
           <object class="GtkLabel" id="countdown_label">
             <property name="visible">True</property>
@@ -205,14 +202,17 @@
           </packing>
         </child>
         <child>
-          <object class="GtkGrid" id="button_grid">
+          <object class="GtkBox" id="button_box">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
-            <property name="column_spacing">24</property>
+            <property name="hexpand">True</property>
+            <property name="homogeneous">True</property>
+            <style>
+              <class name="linked"/>
+            </style>
             <child>
               <object class="GtkButton" id="left_button">
                 <property name="label" translatable="yes">Pause</property>
-                <property name="width_request">200</property>
                 <property name="visible">True</property>
                 <property name="can_focus">True</property>
                 <property name="receives_default">True</property>
@@ -221,16 +221,14 @@
                 </style>
               </object>
               <packing>
-                <property name="left_attach">0</property>
-                <property name="top_attach">0</property>
-                <property name="width">1</property>
-                <property name="height">1</property>
+                <property name="expand">True</property>
+                <property name="fill">True</property>
+                <property name="position">0</property>
               </packing>
             </child>
             <child>
               <object class="GtkButton" id="right_button">
                 <property name="label" translatable="yes">Reset</property>
-                <property name="width_request">200</property>
                 <property name="visible">True</property>
                 <property name="can_focus">True</property>
                 <property name="receives_default">True</property>
@@ -239,10 +237,9 @@
                 </style>
               </object>
               <packing>
-                <property name="left_attach">1</property>
-                <property name="top_attach">0</property>
-                <property name="width">1</property>
-                <property name="height">1</property>
+                <property name="expand">True</property>
+                <property name="fill">True</property>
+                <property name="position">1</property>
               </packing>
             </child>
           </object>
@@ -261,7 +258,7 @@
       <widget name="grid_spinbuttons"/>
       <widget name="start_button"/>
       <widget name="countdown_label"/>
-      <widget name="button_grid"/>
+      <widget name="button_box"/>
     </widgets>
   </object>
   <object class="GtkSizeGroup" id="sizegroup2">
@@ -275,7 +272,7 @@
     <property name="mode">vertical</property>
     <widgets>
       <widget name="start_button"/>
-      <widget name="button_grid"/>
+      <widget name="button_box"/>
     </widgets>
   </object>
 </interface>