[gnome-contacts] InAppNotification: tweak the UI a bit.

[Niels De Graef <nielsdg src gnome org>]

commit 7d9356b4bc988f97da0c40eff971012b41d17c30
Author: Niels De Graef <nielsdegraef gmail com>
Date:   Mon Dec 25 22:43:45 2017 +0100

    InAppNotification: tweak the UI a bit.
    
    See also [bug 727849](https://bugzilla.gnome.org/show_bug.cgi?id=727849)

 data/ui/contacts-in-app-notification.ui |    7 ++++++-
 src/contacts-in-app-notification.vala   |    1 +
 2 files changed, 7 insertions(+), 1 deletions(-)
---
diff --git a/data/ui/contacts-in-app-notification.ui b/data/ui/contacts-in-app-notification.ui
index 76d71fe..2df36bf 100644
--- a/data/ui/contacts-in-app-notification.ui
+++ b/data/ui/contacts-in-app-notification.ui
@@ -8,14 +8,18 @@
     <child>
       <object class="GtkGrid" id="grid">
         <property name="visible">True</property>
-        <property name="column_spacing">8</property>
+        <property name="column_spacing">12</property>
+        <property name="width_request">300</property>
         <style>
           <class name="app-notification"/>
         </style>
         <child>
           <object class="GtkLabel" id="label">
             <property name="visible">True</property>
+            <property name="hexpand">True</property>
+            <property name="halign">start</property>
             <property name="wrap">True</property>
+            <property name="max_width_chars">50</property>
             <property name="wrap_mode">PANGO_WRAP_WORD_CHAR</property>
           </object>
           <packing>
@@ -26,6 +30,7 @@
         <child>
           <object class="GtkButton" id="close_button">
             <property name="visible">True</property>
+            <property name="valign">center</property>
             <property name="focus_on_click">False</property>
             <property name="relief">none</property>
             <signal name="clicked" handler="on_close_button_clicked" swapped="no"/>
diff --git a/src/contacts-in-app-notification.vala b/src/contacts-in-app-notification.vala
index a41ad00..dc5d035 100644
--- a/src/contacts-in-app-notification.vala
+++ b/src/contacts-in-app-notification.vala
@@ -43,6 +43,7 @@ public class Contacts.InAppNotification : Revealer {
     this.label.label = message;
 
     if (button != null) {
+      button.valign = Gtk.Align.CENTER;
       this.grid.attach (button, 1, 0);
       button.show();
     }