[recipes: 2/2] Better chef tiles

[Matthias Clasen <matthiasc src gnome org>]

commit 7b2901a9daa97697f2b952e76352b12f71630a2f
Author: Matthias Clasen <mclasen redhat com>
Date:   Sat Jan 14 10:54:56 2017 -0500

    Better chef tiles
    
    Redo the chef tiles to look closer to Jakubs last mockups.

 src/gr-chef-tile.ui |   28 +++++++++++++++++-----------
 src/recipes.css     |   11 +++++++++++
 2 files changed, 28 insertions(+), 11 deletions(-)
---
diff --git a/src/gr-chef-tile.ui b/src/gr-chef-tile.ui
index 4bdbd2d..b3b2517 100644
--- a/src/gr-chef-tile.ui
+++ b/src/gr-chef-tile.ui
@@ -2,17 +2,18 @@
 <interface domain="recipes">
   <!-- interface-requires gtk+ 3.10 -->
   <template class="GrChefTile" parent="GtkBox">
-    <property name="visible">True</property>
-    <property name="orientation">horizontal</property>
-    <property name="spacing">6</property>
+    <property name="visible">1</property>
+    <style>
+      <class name="chef"/>
+      <class name="tile"/>
+      <class name="frame"/>
+    </style>
     <child>
       <object class="GtkImage" id="image">
         <property name="visible">1</property>
-        <property name="halign">center</property>
-        <property name="valign">center</property>
+        <property name="width-request">64</property>
+        <property name="height-request">64</property>
         <style>
-          <class name="image-button"/>
-          <class name="circular"/>
           <class name="chef"/>
         </style>
       </object>
@@ -20,11 +21,16 @@
     <child>
       <object class="GtkLabel" id="label">
         <property name="visible">1</property>
-        <property name="valign">center</property>
-        <attributes>
-          <attribute name="weight" value="bold"/>
-        </attributes>
+        <property name="valign">fill</property>
+        <property name="xalign">0</property>
+        <style>
+          <class name="chef"/>
+          <class name="name"/>
+        </style>
       </object>
+      <packing>
+        <property name="expand">1</property>
+      </packing>
     </child>
   </template>
 </interface>
diff --git a/src/recipes.css b/src/recipes.css
index e48afa2..8a7c5a5 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -45,6 +45,17 @@ image.chef.circular {
        border-radius: 9990px;
 }
 
+.chef.tile {
+  min-width: 258px;
+}
+
+label.chef.name {
+  background: @theme_base_color;
+  color: @theme_fg_color;
+  padding: 10px;
+  font-weight: bold;
+}
+
 .view.tile {
   padding: 0;
   text-shadow: none;