[gnome-boxes/overlay-osd] display-page: Wrap size overlay label in an osd box

[Felipe Borges <felipeborges src gnome org>]

commit 491f20de5fbf3cf5d5c292562efa0d95f5e87b1e
Author: Felipe Borges <felipeborges gnome org>
Date:   Tue Aug 13 14:42:06 2019 +0200

    display-page: Wrap size overlay label in an osd box
    
    This way we improve the readability of the numbers on light backgrounds.
    
    Fixes #388

 data/gtk-style.css      |  5 +++++
 data/ui/display-page.ui | 12 ++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)
---
diff --git a/data/gtk-style.css b/data/gtk-style.css
index 9ac774c4..40f0391d 100644
--- a/data/gtk-style.css
+++ b/data/gtk-style.css
@@ -111,3 +111,8 @@
     animation-duration: 150ms;
     animation-iteration-count: 1;
 }
+
+.overlay-box {
+    padding: 25px;
+    border-radius: 5px;
+}
diff --git a/data/ui/display-page.ui b/data/ui/display-page.ui
index cf2b3aee..346c3b53 100644
--- a/data/ui/display-page.ui
+++ b/data/ui/display-page.ui
@@ -38,16 +38,20 @@
               <object class="GtkLabel" id="size_label">
                 <property name="halign">center</property>
                 <property name="valign">center</property>
+                <style>
+                  <class name="app-notification"/>
+                  <class name="overlay-box"/>
+                </style>
               </object>
             </child>
 
             <child type="overlay">
               <object class="GtkBox" id="transfer_message_box">
                 <property name="can_focus">False</property>
-                <property name="halign">fill</property>
-                <property name="valign">fill</property>
-                <property name="hexpand">True</property>
-                <property name="vexpand">True</property>
+                <property name="halign">center</property>
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="vexpand">true</property>
                 <style>
                   <class name="app-notification"/>
                 </style>