[gnome-games] savestate-listbox-row: Tweak layout

[Alexander Mikhaylenko <alexm src gnome org>]

commit 31f72cdfcf0886388572e58e936d42a4c70ce882
Author: Alexander Mikhaylenko <exalm7659 gmail com>
Date:   Thu Aug 15 19:58:12 2019 +0500

    savestate-listbox-row: Tweak layout
    
    Increase margin around thumbnail, reduce margins around the labels.
    Position the labels using vexpand and y-align, and reduce spacing, so that
    the layout is same as currently when the name has just one line, but avoid
    uneven spacing with multi-line.

 data/gtk-style.css               |  2 +-
 data/ui/savestate-listbox-row.ui | 13 ++++++++++---
 data/ui/savestates-list.ui       |  5 ++++-
 3 files changed, 15 insertions(+), 5 deletions(-)
---
diff --git a/data/gtk-style.css b/data/gtk-style.css
index e64610af..300061ff 100644
--- a/data/gtk-style.css
+++ b/data/gtk-style.css
@@ -14,7 +14,7 @@
   color: rgba(255, 255, 255, 0.5);
   background: rgba (0, 0, 0, .5);
   border: 1px solid rgba (0, 0, 0, .5);
-  margin: 4px;
+  margin: 6px;
   border-radius: 5px;
 }
 
diff --git a/data/ui/savestate-listbox-row.ui b/data/ui/savestate-listbox-row.ui
index 88f30484..01333854 100644
--- a/data/ui/savestate-listbox-row.ui
+++ b/data/ui/savestate-listbox-row.ui
@@ -19,15 +19,20 @@
           <object class="GtkBox">
             <property name="visible">true</property>
             <property name="orientation">vertical</property>
-            <property name="margin">12</property>
-            <property name="spacing">12</property>
-            <property name="valign">center</property>
+            <property name="margin-start">6</property>
+            <property name="margin-top">3</property>
+            <property name="margin-bottom">6</property>
+            <property name="margin-end">3</property>
+            <property name="spacing">6</property>
+            <property name="vexpand">True</property>
             <child>
               <object class="GtkLabel" id="name_label">
                 <property name="visible">true</property>
                 <property name="wrap">true</property>
                 <property name="wrap-mode">word-char</property>
                 <property name="xalign">0</property>
+                <property name="yalign">0.75</property>
+                <property name="vexpand">True</property>
                 <style>
                   <class name="savestate-name"/>
                 </style>
@@ -38,6 +43,8 @@
                 <property name="visible">true</property>
                 <property name="wrap">true</property>
                 <property name="xalign">0</property>
+                <property name="yalign">0.25</property>
+                <property name="vexpand">True</property>
                 <style>
                   <class name="savestate-date"/>
                 </style>
diff --git a/data/ui/savestates-list.ui b/data/ui/savestates-list.ui
index a45e85f7..c967f8fb 100644
--- a/data/ui/savestates-list.ui
+++ b/data/ui/savestates-list.ui
@@ -47,7 +47,10 @@
                             <child>
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
-                                <property name="margin">12</property>
+                                <property name="margin-start">6</property>
+                                <property name="margin-top">3</property>
+                                <property name="margin-bottom">3</property>
+                                <property name="margin-end">3</property>
                                 <property name="label" translatable="yes">Create new savestate</property>
                                 <property name="wrap">True</property>
                                 <style>