[gnome-chess/arnaudb/wip/gtk4: 50/54] Fix Promotion dialog.

[Arnaud B. <arnaudb src gnome org>]

commit f32b0aa5eb1405cc9ab778eac84991b4c17e22df
Author: Arnaud Bonatti <arnaud bonatti gmail com>
Date:   Tue Apr 7 21:16:44 2020 +0200

    Fix Promotion dialog.

 data/promotion-type-selector.ui | 32 +++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)
---
diff --git a/data/promotion-type-selector.ui b/data/promotion-type-selector.ui
index 7e6ca92..edd50ca 100644
--- a/data/promotion-type-selector.ui
+++ b/data/promotion-type-selector.ui
@@ -2,24 +2,26 @@
 <interface>
   <requires lib="gtk+" version="3.99"/>
   <object class="GtkDialog" id="dialog_promotion_type_selector">
-    <property name="border-width">5</property>
     <property name="title" translatable="yes">Select Promotion Type</property>
-    <property name="type-hint">dialog</property>
-    <property name="has-resize-grip">False</property>
     <property name="use-header-bar">1</property>
     <child internal-child="content_area">
       <object class="GtkBox">
         <property name="can-focus">False</property>
-        <property name="margin-left">12</property>
-        <property name="margin-right">12</property>
-        <property name="margin-top">6</property>
-        <property name="margin-bottom">20</property>
+        <property name="margin-start">12</property>
+        <property name="margin-end">12</property>
+        <property name="margin-top">20</property>
+        <property name="margin-bottom">0</property>
       </object>
     </child>
     <child internal-child="action_area">
-      <object class="GtkButtonBox">
+      <object class="GtkBox">
+        <property name="margin-start">5</property>
+        <property name="margin-end">5</property>
+        <property name="margin-top">25</property>
+        <property name="margin-bottom">5</property>
         <property name="can-focus">False</property>
-        <property name="layout-style">center</property>
+        <property name="halign">center</property>
+        <property name="spacing">6</property>
         <child>
           <object class="GtkToggleButton" id="togglebutton-queen">
             <property name="width-request">100</property>
@@ -27,11 +29,12 @@
             <property name="can-focus">True</property>
             <property name="receives-default">True</property>
             <property name="use-underline">True</property>
-            <property name="image-position">top</property>
+<!--            <property name="image-position">top</property>-->
             <child>
               <object class="GtkGrid">
                 <property name="halign">center</property>
                 <property name="valign">center</property>
+                <property name="orientation">vertical</property>
                 <child>
                   <object class="GtkImage" id="image_queen"/>
                 </child>
@@ -52,11 +55,12 @@
             <property name="can-focus">True</property>
             <property name="receives-default">True</property>
             <property name="use-underline">True</property>
-            <property name="image-position">top</property>
+<!--            <property name="image-position">top</property>-->
             <child>
               <object class="GtkGrid">
                 <property name="halign">center</property>
                 <property name="valign">center</property>
+                <property name="orientation">vertical</property>
                 <child>
                   <object class="GtkImage" id="image_knight"/>
                 </child>
@@ -77,11 +81,12 @@
             <property name="can-focus">True</property>
             <property name="receives-default">True</property>
             <property name="use-underline">True</property>
-            <property name="image-position">top</property>
+<!--            <property name="image-position">top</property>-->
             <child>
               <object class="GtkGrid">
                 <property name="halign">center</property>
                 <property name="valign">center</property>
+                <property name="orientation">vertical</property>
                 <child>
                   <object class="GtkImage" id="image_rook"/>
                 </child>
@@ -102,11 +107,12 @@
             <property name="can-focus">True</property>
             <property name="receives-default">True</property>
             <property name="use-underline">True</property>
-            <property name="image-position">top</property>
+<!--            <property name="image-position">top</property>-->
             <child>
               <object class="GtkGrid">
                 <property name="halign">center</property>
                 <property name="valign">center</property>
+                <property name="orientation">vertical</property>
                 <child>
                   <object class="GtkImage" id="image_bishop"/>
                 </child>