[recipes] Improve the style of in-app notifications

[Matthias Clasen <matthiasc src gnome org>]

commit 5ff31528b8feb6be3af566cc91daf23163aca7c6
Author: Matthias Clasen <mclasen redhat com>
Date:   Sat Feb 11 15:20:08 2017 -0500

    Improve the style of in-app notifications
    
    This brings us close to how the look in the mockups.

 src/gr-window.ui |   12 ++++++++----
 src/recipes.css  |    5 +++++
 2 files changed, 13 insertions(+), 4 deletions(-)
---
diff --git a/src/gr-window.ui b/src/gr-window.ui
index 93e2888..61e6465 100644
--- a/src/gr-window.ui
+++ b/src/gr-window.ui
@@ -181,14 +181,16 @@
                     <child>
                       <object class="GtkBox">
                         <property name="visible">1</property>
-                        <property name="spacing">20</property>
-                        <property name="margin">10</property>
+                        <property name="spacing">10</property>
                         <child>
                           <object class="GtkLabel">
                             <property name="visible">1</property>
                             <property name="hexpand">1</property>
                             <property name="halign">start</property>
                             <property name="label" translatable="yes">Ingredients to buy added.</property>
+                            <style>
+                              <class name="notification-label"/>
+                            </style>
                           </object>
                         </child>
                         <child>
@@ -237,13 +239,15 @@
                     <child>
                       <object class="GtkBox">
                         <property name="visible">1</property>
-                        <property name="spacing">20</property>
-                        <property name="margin">10</property>
+                        <property name="spacing">10</property>
                         <child>
                           <object class="GtkLabel" id="undo_label">
                             <property name="visible">1</property>
                             <property name="hexpand">1</property>
                             <property name="halign">start</property>
+                            <style>
+                              <class name="notification-label"/>
+                            </style>
                           </object>
                         </child>
                         <child>
diff --git a/src/recipes.css b/src/recipes.css
index 2293a30..e60a80a 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -385,3 +385,8 @@ label.serves-overlay {
         min-width: 20px;
         min-height: 20px;
 }
+
+label.notification-label {
+        padding: 0 80px 0 0;
+        font-weight: bold;
+}