[gnome-calculator/convert-categories: 4/5] Improved converter UI

[Robert Roth <robertroth src gnome org>]

commit c14e9c33e34815b9b47a96654f54e5c075c510be
Author: Robert Roth <robert roth off gmail com>
Date:   Fri Nov 12 09:35:38 2021 +0200

    Improved converter UI

 src/ui/math-converter.ui | 176 ++++++++++++++++++++++++++---------------------
 1 file changed, 96 insertions(+), 80 deletions(-)
---
diff --git a/src/ui/math-converter.ui b/src/ui/math-converter.ui
index 21006d6a..052e9020 100644
--- a/src/ui/math-converter.ui
+++ b/src/ui/math-converter.ui
@@ -6,118 +6,134 @@
     <child>
       <object class="GtkBox" id="outer_box">
         <property name="visible" bind-source="MathConverter" bind-property="outer-box-visible" 
bind-flags="sync-create|bidirectional"/>
-        <property name="orientation">horizontal</property>
+        <property name="orientation">vertical</property>
         <property name="sensitive">True</property>
-        <property name="halign">center</property>
-        <property name="valign">center</property>
+        <property name="halign">fill</property>
+        <property name="valign">fill</property>
         <property name="hexpand">True</property>
+        <property name="spacing">6</property>
         <property name="vexpand">False</property>
         <child>
           <object class="GtkDropDown" id="category_combo">
+            <property name="halign">fill</property>
+            <property name="hexpand">true</property>
             <signal name="notify::selected" handler="category_combobox_changed_cb" swapped="no"/>
           </object>
         </child>
+
         <child>
-          <object class="GtkComboBox" id="from_combo">
+          <object class="GtkBox" id="converter_box">
+            <property name="orientation">horizontal</property>
+            <property name="sensitive">True</property>
+            <property name="halign">fill</property>
+            <property name="valign">center</property>
             <property name="hexpand">True</property>
-            <signal name="changed" handler="from_combobox_changed_cb" swapped="no"/>
+            <property name="vexpand">False</property>
+
             <child>
-              <object class="GtkCellRendererText" id="from_renderer">
-                <property name="ellipsize">end</property>
+              <object class="GtkComboBox" id="from_combo">
+                <property name="hexpand">True</property>
+                <signal name="changed" handler="from_combobox_changed_cb" swapped="no"/>
+                <child>
+                  <object class="GtkCellRendererText" id="from_renderer">
+                    <property name="ellipsize">end</property>
+                  </object>
+                  <attributes>
+                    <attribute name="text">0</attribute>
+                  </attributes>
+                </child>
               </object>
-              <attributes>
-                <attribute name="text">0</attribute>
-              </attributes>
             </child>
-          </object>
-        </child>
-        <child>
-          <object class="GtkButton" id="in_button">
-            <property name="label" translatable="yes"> to </property>
-            <signal name="clicked" handler="convert_button_clicked_cb" swapped="no"/>
-            <style>
-              <class name="flat"/>
-            </style>
-          </object>
-        </child>
-        <child>
-          <object class="GtkComboBox" id="to_combo">
-            <property name="opacity">0.88</property>
-            <property name="hexpand">True</property>
-            <signal name="changed" handler="to_combobox_changed_cb" swapped="no"/>
             <child>
-              <object class="GtkCellRendererText" id="to_renderer">
-                <property name="ellipsize">end</property>
+              <object class="GtkButton" id="in_button">
+                <property name="label" translatable="yes"> to </property>
+                <signal name="clicked" handler="convert_button_clicked_cb" swapped="no"/>
+                <style>
+                  <class name="flat"/>
+                </style>
               </object>
-              <attributes>
-                <attribute name="text">0</attribute>
-              </attributes>
             </child>
-          </object>
-        </child>
-        <child>
-          <object class="GtkButton" id="swap_button">
-            <property name="label">⇆</property>
-            <property name="has_frame">False</property>
-            <property name="receives_default">False</property>
-            <property name="tooltip_text" translatable="yes">Switch conversion units</property>
-            <signal name="clicked" handler="swap_button_clicked_cb" swapped="no"/>
-          </object>
-        </child>
-        <child>
-          <object class="GtkBox" id="result_holder">
-            <property name="orientation">horizontal</property>
-            <property name="sensitive">True</property>
-            <property name="spacing">6</property>
-            <property name="margin-end">2</property>
-            <property name="halign">end</property>
-            <property name="valign">center</property>
-            <property name="hexpand">True</property>
-            <property name="vexpand">False</property>
-            <property name="visible" bind-source="MathConverter" bind-property="view-more-visible" 
bind-flags="sync-create|bidirectional|invert-boolean"/>
             <child>
-              <object class="GtkLabel" id="from_label">
-                <property name="sensitive">True</property>
-                <property name="selectable">True</property>
-                <property name="halign">start</property>
-                <property name="valign">center</property>
+              <object class="GtkComboBox" id="to_combo">
+                <property name="opacity">0.88</property>
                 <property name="hexpand">True</property>
-                <property name="vexpand">False</property>
-                <property name="justify">center</property>
-                <property name="ellipsize">end</property>
-                <property name="xalign">0</property>
-                <property name="yalign">0</property>
+                <signal name="changed" handler="to_combobox_changed_cb" swapped="no"/>
+                <child>
+                  <object class="GtkCellRendererText" id="to_renderer">
+                    <property name="ellipsize">end</property>
+                  </object>
+                  <attributes>
+                    <attribute name="text">0</attribute>
+                  </attributes>
+                </child>
               </object>
             </child>
             <child>
-              <object class="GtkLabel" id="convert_equals">
-                <property name="sensitive">True</property>
-                <property name="halign">center</property>
-                <property name="valign">center</property>
-                <property name="hexpand">False</property>
-                <property name="vexpand">False</property>
-                <property name="justify">center</property>
-                <property name="xalign">0</property>
-                <property name="yalign">0</property>
-                <property name="label" translatable="yes" context="convertion equals label">=</property>
+              <object class="GtkButton" id="swap_button">
+                <property name="label">⇆</property>
+                <property name="has_frame">False</property>
+                <property name="receives_default">False</property>
+                <property name="tooltip_text" translatable="yes">Switch conversion units</property>
+                <signal name="clicked" handler="swap_button_clicked_cb" swapped="no"/>
               </object>
             </child>
             <child>
-              <object class="GtkLabel" id="to_label">
+              <object class="GtkBox" id="result_holder">
+                <property name="orientation">horizontal</property>
                 <property name="sensitive">True</property>
-                <property name="selectable">True</property>
-                <property name="halign">fill</property>
+                <property name="spacing">6</property>
+                <property name="margin-end">2</property>
+                <property name="halign">end</property>
                 <property name="valign">center</property>
                 <property name="hexpand">True</property>
                 <property name="vexpand">False</property>
-                <property name="justify">center</property>
-                <property name="ellipsize">end</property>
-                <property name="xalign">0</property>
-                <property name="yalign">0</property>
+                <property name="visible" bind-source="MathConverter" bind-property="view-more-visible" 
bind-flags="sync-create|bidirectional|invert-boolean"/>
+                <child>
+                  <object class="GtkLabel" id="from_label">
+                    <property name="sensitive">True</property>
+                    <property name="selectable">True</property>
+                    <property name="halign">start</property>
+                    <property name="valign">center</property>
+                    <property name="hexpand">True</property>
+                    <property name="vexpand">False</property>
+                    <property name="justify">center</property>
+                    <property name="ellipsize">end</property>
+                    <property name="xalign">0</property>
+                    <property name="yalign">0</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel" id="convert_equals">
+                    <property name="sensitive">True</property>
+                    <property name="halign">center</property>
+                    <property name="valign">center</property>
+                    <property name="hexpand">False</property>
+                    <property name="vexpand">False</property>
+                    <property name="justify">center</property>
+                    <property name="xalign">0</property>
+                    <property name="yalign">0</property>
+                    <property name="label" translatable="yes" context="convertion equals label">=</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel" id="to_label">
+                    <property name="sensitive">True</property>
+                    <property name="selectable">True</property>
+                    <property name="halign">fill</property>
+                    <property name="valign">center</property>
+                    <property name="hexpand">True</property>
+                    <property name="vexpand">False</property>
+                    <property name="justify">center</property>
+                    <property name="ellipsize">end</property>
+                    <property name="xalign">0</property>
+                    <property name="yalign">0</property>
+                  </object>
+                </child>
               </object>
             </child>
           </object>
         </child>
+
         <child>
           <object class="GtkBox">
             <property name="orientation">horizontal</property>