[recipes] Prevent a sizing problem with chef tiles

[Matthias Clasen <matthiasc src gnome org>]

commit 3919bf94434f595feb95bbf86047649dcce947d5
Author: Matthias Clasen <mclasen redhat com>
Date:   Sun Feb 26 22:59:07 2017 -0500

    Prevent a sizing problem with chef tiles
    
    Georges name is long enough to break our landing page
    grid; prevent this by making the name labels in chef
    tiles wrap.

 src/gr-chef-tile.ui |    2 ++
 src/recipes.css     |    2 +-
 2 files changed, 3 insertions(+), 1 deletions(-)
---
diff --git a/src/gr-chef-tile.ui b/src/gr-chef-tile.ui
index c5a6e1c..fca6abc 100644
--- a/src/gr-chef-tile.ui
+++ b/src/gr-chef-tile.ui
@@ -23,6 +23,8 @@
         <property name="visible">1</property>
         <property name="valign">fill</property>
         <property name="xalign">0</property>
+        <property name="wrap">1</property>
+        <property name="max-width-chars">20</property>
         <style>
           <class name="chef"/>
           <class name="name"/>
diff --git a/src/recipes.css b/src/recipes.css
index 6511317..7eb7a6d 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -55,7 +55,7 @@ image.chef.circular {
 label.chef.name {
   background: @theme_base_color;
   color: @theme_fg_color;
-  padding: 10px;
+  padding: 0 10px;
   font-weight: bold;
 }