[recipes] Some stylistic tweaks

[Matthias Clasen <matthiasc src gnome org>]

commit 7dc879150d55a93662b24b8c6709614d5e3a4e30
Author: Matthias Clasen <mclasen redhat com>
Date:   Sat Jul 15 16:02:14 2017 -0400

    Some stylistic tweaks
    
    Make the dialog a bit wider, and make the title blue as well.

 src/recipe-surprise.ui |   46 ++++++++++++++++++++++++++++------------------
 src/recipes.css        |   15 +++++++++++----
 src/surprise.jpg       |  Bin 18521 -> 56850 bytes
 3 files changed, 39 insertions(+), 22 deletions(-)
---
diff --git a/src/recipe-surprise.ui b/src/recipe-surprise.ui
index cf31c40..d8d699c 100644
--- a/src/recipe-surprise.ui
+++ b/src/recipe-surprise.ui
@@ -27,38 +27,48 @@
             <property name="visible">1</property>
             <property name="label" translatable="yes">GNOME turns 20 !</property>
             <style>
-              <class name="welcome"/>
+              <class name="surprise"/>
               <class name="heading"/>
             </style>
           </object>
         </child>
         <child>
-          <object class="GtkImage">
-            <property name="visible">1</property>
-            <property name="resource">/org/gnome/Recipes/surprise.jpg</property>
-          </object>
-        </child>
-        <child>
-          <object class="GtkLabel" id="label">
+          <object class="GtkBox">
             <property name="visible">1</property>
-            <property name="xalign">0</property>
-            <property name="yalign">0</property>
-            <property name="label" translatable="yes">YEARS
+            <property name="orientation">vertical</property>
+            <property name="margin">10</property>
+            <property name="halign">center</property>
+            <child>
+              <object class="GtkImage">
+                <property name="visible">1</property>
+                <property name="resource">/org/gnome/Recipes/surprise.jpg</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkLabel" id="label">
+                <property name="visible">1</property>
+                <property name="xalign">0</property>
+                <property name="yalign">0</property>
+                <property name="label" translatable="yes">YEARS
 STRONG</property>
-            <property name="margin-start">75</property>
-            <property name="margin-bottom">10</property>
-            <style>
-              <class name="surprise"/>
-            </style>
+                <style>
+                  <class name="surprise"/>
+                  <class name="image"/>
+                </style>
+              </object>
+            </child>
           </object>
         </child>
         <child>
           <object class="GtkLabel">
             <property name="visible">1</property>
             <property name="wrap">1</property>
-            <property name="max-width-chars">55</property>
-            <property name="width-chars">55</property>
+            <property name="max-width-chars">65</property>
+            <property name="width-chars">65</property>
             <property name="label" translatable="yes">Recipes is a present to GNOME for its 20th birthday. 
We invite the GNOME community all over the world to share recipes and enjoy a good meal together.</property>
+            <style>
+              <class name="surprise"/>
+            </style>
           </object>
         </child>
         <child>
diff --git a/src/recipes.css b/src/recipes.css
index 0b4e83a..71559f1 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -493,12 +493,19 @@ row.drag-hover-bottom {
   border-bottom: 1px solid #4e9a06;
 }
 
-label.surprise {
+.surprise {
+  background: white;
+  color: black;
+}
+
+label.surprise.image {
   color: #008bc5;
   font: 40px Source Sans Pro Light;
 }
 
-.surprise {
-  color: black;
-  background: white;
+label.surprise.heading {
+  color: #008bc5;
+  font: 32px Cantarell;
+  font-weight: bold;
+  padding: 0;
 }
diff --git a/src/surprise.jpg b/src/surprise.jpg
index 3f720db..51f90bf 100644
Binary files a/src/surprise.jpg and b/src/surprise.jpg differ