[gnome-software] Improve tile layout in the category view

[Kalev Lember <klember src gnome org>]

commit d1fa4ea9f6f78c9d9b6db65f3926a20194d55888
Author: Kalev Lember <kalevlember gmail com>
Date:   Wed Feb 26 15:09:01 2014 +0100

    Improve tile layout in the category view
    
    ... as per the designer guidance.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=712158

 src/app-tile.ui   |   19 ++++++++++++++-----
 src/gtk-style.css |    8 ++++++++
 2 files changed, 22 insertions(+), 5 deletions(-)
---
diff --git a/src/app-tile.ui b/src/app-tile.ui
index b214c05..c33c09b 100644
--- a/src/app-tile.ui
+++ b/src/app-tile.ui
@@ -34,7 +34,8 @@
                 <property name="visible_window">True</property>
                 <property name="halign">start</property>
                 <property name="valign">start</property>
-                <property name="margin-top">50</property>
+                <property name="margin-top">53</property>
+                <property name="margin-left">4</property>
                 <style>
                   <class name="installed-overlay-box"/>
                 </style>
@@ -53,9 +54,9 @@
             <child>
               <object class="GtkGrid" id="grid">
                 <property name="visible">True</property>
-                <property name="margin">12</property>
-                <property name="row-spacing">2</property>
-                <property name="column-spacing">6</property>
+                <property name="margin">9</property>
+                <property name="row-spacing">3</property>
+                <property name="column-spacing">12</property>
                 <child>
                   <object class="GtkImage" id="image">
                     <property name="visible">True</property>
@@ -75,6 +76,9 @@
                     <attributes>
                       <attribute name="weight" value="bold"/>
                     </attributes>
+                    <style>
+                      <class name="app-tile-label"/>
+                    </style>
                   </object>
                   <packing>
                     <property name="left-attach">1</property>
@@ -88,7 +92,12 @@
                     <property name="visible">True</property>
                     <property name="ellipsize">end</property>
                     <property name="xalign">0.0</property>
-                    <property name="margin-top">4</property>
+                    <property name="yalign">0.0</property>
+                    <property name="lines">2</property>
+                    <property name="vexpand">True</property>
+                    <style>
+                      <class name="app-tile-label"/>
+                    </style>
                   </object>
                   <packing>
                     <property name="left-attach">1</property>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 7f956e3..08a468a 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -34,6 +34,14 @@ GtkNotebook.main-notebook-software > GtkScrolledWindow {
   .screenshot-image { border-radius: 5px; }
   .screenshot-image-thumb { border-radius: 3px; }
 
+GsAppTile .tile {
+        padding: 0;
+}
+
+.app-tile-label {
+        font-size: 10px;
+}
+
 .view.tile {
         border-radius: 0;
         border-width: 3px;