From 9dde7aee9520cd52ee68dba1ed2f0b0337c65d6a Mon Sep 17 00:00:00 2001
From: Deve <deveee@gmail.com>
Date: Fri, 18 Oct 2019 18:12:03 +0200
Subject: [PATCH] Use default height for spinners in gui options.

Also move them to the left side to give more space for labels.
---
 data/gui/screens/options_ui.stkgui | 35 +++++++++++++++++-------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/data/gui/screens/options_ui.stkgui b/data/gui/screens/options_ui.stkgui
index 512a97da4..281adbff7 100644
--- a/data/gui/screens/options_ui.stkgui
+++ b/data/gui/screens/options_ui.stkgui
@@ -31,31 +31,34 @@
                 <spacer width="5" height="1%"/>
 
                 <!-- ************ SKIN CHOICE ************ -->
-                <div layout="horizontal-row" width="100%" height="fit">
-                    <label proportion="1" I18N="In the ui settings" text="Skin" align="center"/>
-                    <spacer width="2%" height="20"/>
-                    <div layout="horizontal-row" proportion="5" height="100%">
-                        <spinner id="skinchoice" width="60%"/>
+                <div width="100%" height="fit" layout="horizontal-row">
+                    <div layout="vertical-row" width="10f" height="fit">
+                        <spinner id="skinchoice" width="100%" align="center" />
+                    </div>
+                    <div layout="vertical-row" proportion="1" height="100%">
+                        <label height="100%" I18N="In the ui settings" text="Skin" align="left"/>
                     </div>
                 </div>
 
                 <spacer width="5" height="2%"/>
 
-                <div layout="horizontal-row" width="100%" height="fit">
-                    <label proportion="1" I18N="In the ui settings" text="Minimap" align="center"/>
-                    <spacer width="2%" height="20"/>
-                    <div layout="horizontal-row" proportion="5" height="100%">
-                        <spinner id="minimap" width="60%"/>
+                <div width="100%" height="fit" layout="horizontal-row">
+                    <div layout="vertical-row" width="10f" height="fit">
+                        <spinner id="minimap" width="100%" align="center" />
+                    </div>
+                    <div layout="vertical-row" proportion="1" height="100%">
+                        <label height="100%" I18N="In the ui settings" text="Minimap" align="left"/>
                     </div>
                 </div>
 
                 <spacer width="5" height="2%"/>
 
-                <div layout="horizontal-row" width="100%" height="fit">
-                    <label proportion="1" I18N="In the ui settings" text="Font size" align="center"/>
-                    <spacer width="2%" height="20"/>
-                    <div layout="horizontal-row" proportion="5" height="100%">
-                        <gauge id="font_size" width="60%"/>
+                <div width="100%" height="fit" layout="horizontal-row">
+                    <div layout="vertical-row" width="10f" height="fit">
+                        <gauge id="font_size" width="100%" align="center" />
+                    </div>
+                    <div layout="vertical-row" proportion="1" height="100%">
+                        <label height="100%" I18N="In the ui settings" text="Font size" align="left"/>
                     </div>
                 </div>
 
@@ -75,6 +78,8 @@
                     <label height="100%" I18N="In the ui settings" text="Multiplayer splits screen horizontally" word_wrap="true"/>
                 </div>
 
+                <spacer width="5" height="2%"/>
+
                 <div layout="horizontal-row" width="100%" height="fit">
                     <checkbox id="karts_powerup_gui"/>
                     <spacer width="1%" height="100%" />