[gnome-clocks] Use css for the laps margin

[Paolo Borelli <pborelli src gnome org>]

commit 193756a8d4763b40a3398366ac0870546b10bc1a
Author: Paolo Borelli <pborelli gnome org>
Date:   Sat Aug 17 15:33:33 2013 +0200

    Use css for the laps margin
    
    Looks like gtk's margin property is not RTL aware.

 data/css/gnome-clocks.css |   14 ++++++++++++++
 data/ui/stopwatch.ui      |   14 ++++----------
 2 files changed, 18 insertions(+), 10 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index cf4d03d..e2d8f1d 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -231,6 +231,20 @@
     color: #888a85;
 }
 
+.clocks-laps-panel {
+    border: 0;
+    padding-top: 120px;
+    padding-bottom: 120px;
+}
+
+.clocks-laps-panel:dir(ltr) {
+    padding-right: 48px;
+}
+
+.clocks-laps-panel:dir(rtl) {
+    padding-right: 48px;
+}
+
 .clocks-stopwatch-laps-row {
     font-size: larger;
     border-width: 0 0 1px 0;
diff --git a/data/ui/stopwatch.ui b/data/ui/stopwatch.ui
index 9940cfc..a98ca84 100644
--- a/data/ui/stopwatch.ui
+++ b/data/ui/stopwatch.ui
@@ -103,10 +103,13 @@
           </packing>
         </child>
         <child>
-          <object class="GtkGrid" id="laps_panel">
+          <object class="GtkFrame" id="laps_panel">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
             <property name="vexpand">True</property>
+            <style>
+              <class name="clocks-laps-panel"/>
+            </style>
             <child>
               <object class="GtkScrolledWindow" id="laps_scrollwin">
                 <property name="width_request">220</property>
@@ -114,9 +117,6 @@
                 <property name="can_focus">True</property>
                 <property name="hexpand">True</property>
                 <property name="vexpand">True</property>
-                <property name="margin_right">48</property>
-                <property name="margin_top">120</property>
-                <property name="margin_bottom">120</property>
                 <property name="shadow_type">in</property>
                 <child>
                   <object class="GtkListBox" id="laps_list">
@@ -126,12 +126,6 @@
                   </object>
                 </child>
               </object>
-              <packing>
-                <property name="left_attach">0</property>
-                <property name="top_attach">0</property>
-                <property name="width">1</property>
-                <property name="height">1</property>
-              </packing>
             </child>
           </object>
           <packing>