Fix padding for shadow and hit area

The shadow was being cut off because it extended beyond the image;
take some padding out of the button's general padding and add it
specifically to the image widget. Make sure the hit area is still
correct.

[endlessm/eos-sdk#504]

2 files changed, 5 insertions, 2 deletions

diff --git a/wikipedia/PrebuiltCategoryPage.js b/wikipedia/PrebuiltCategoryPage.js
index fdae4f2..3211c59 100644
--- a/wikipedia/PrebuiltCategoryPage.js
+++ b/wikipedia/PrebuiltCategoryPage.js
@@ -117,7 +117,7 @@ const PrebuiltCategoryPage = new Lang.Class({
             name: "category-back-button",
             expand: true,
             halign: Gtk.Align.START,
-            valign: Gtk.Align.CENTER
+            valign: Gtk.Align.FILL
         });
         this._back_button.connect('clicked', Lang.bind(this, function() {
             this.emit('go-back-home');
diff --git a/wikipedia/widgets/category_back_button.js b/wikipedia/widgets/category_back_button.js
index d358601..312d7af 100644
--- a/wikipedia/widgets/category_back_button.js
+++ b/wikipedia/widgets/category_back_button.js
@@ -32,7 +32,10 @@ const CategoryBackButton = new Lang.Class({
         let label = new Gtk.Label({
             label: _("OTHER CATEGORIES")
         });
-        let innerGrid = new Gtk.Grid();
+        let innerGrid = new Gtk.Grid({
+            expand: true,
+            valign: Gtk.Align.CENTER
+        });
 
         innerGrid.add(icon);
         innerGrid.add(label);