[gnome-music/wip/jfelder/new-playertoolbar: 4/10] playertoolbar: Display the buttons above the progress scale

[Jean Felder <jfelder src gnome org>]

commit 47517c94a046ff338cb4379678ab0a4be307bc35
Author: Jean Felder <jfelder src gnome org>
Date:   Thu Jan 28 16:37:57 2021 +0100

    playertoolbar: Display the buttons above the progress scale

 data/ui/PlayerToolbar.ui | 195 +++++++++++++++++++++++++----------------------
 1 file changed, 105 insertions(+), 90 deletions(-)
---
diff --git a/data/ui/PlayerToolbar.ui b/data/ui/PlayerToolbar.ui
index 11fc1b790..42e2e0514 100644
--- a/data/ui/PlayerToolbar.ui
+++ b/data/ui/PlayerToolbar.ui
@@ -111,104 +111,119 @@
       </object>
     </child>
     <child>
-      <object class="GtkBox" id="buttons">
+      <object class="GtkBox" id="buttons_and_scale">
+        <property name="orientation">vertical</property>
         <property name="visible">True</property>
         <property name="can_focus">False</property>
         <child>
-          <object class="GtkButton" id="_prev_button">
-            <property name="width_request">42</property>
-            <property name="visible">True</property>
-            <property name="sensitive">False</property>
-            <property name="can_focus">True</property>
-            <property name="receives_default">True</property>
-            <property name="image">previous_image</property>
-            <property name="always_show_image">True</property>
-           <property name="valign">center</property>
-            <property name="tooltip_text" translatable="yes">Previous</property>
-            <signal name="clicked" handler="_on_prev_button_clicked" swapped="no"/>
-          </object>
-        </child>
-        <child>
-          <object class="GtkButton" id="_play_button">
-            <property name="width_request">60</property>
-            <property name="visible">True</property>
-            <property name="sensitive">False</property>
-            <property name="can_focus">True</property>
-            <property name="receives_default">True</property>
-            <property name="image">_play_image</property>
-            <property name="always_show_image">True</property>
-           <property name="valign">center</property>
-            <property name="tooltip_text" translatable="yes">Play</property>
-            <signal name="clicked" handler="_on_play_button_clicked" swapped="no"/>
-          </object>
-        </child>
-        <child>
-          <object class="GtkButton" id="_next_button">
-            <property name="width_request">42</property>
-            <property name="visible">True</property>
-            <property name="sensitive">False</property>
-            <property name="can_focus">True</property>
-            <property name="receives_default">True</property>
-            <property name="image">next_image</property>
-            <property name="always_show_image">True</property>
-           <property name="valign">center</property>
-            <property name="tooltip_text" translatable="yes">Next</property>
-            <signal name="clicked" handler="_on_next_button_clicked" swapped="no"/>
-          </object>
-        </child>
-        <style>
-          <class name="linked"/>
-        </style>
-      </object>
-    </child>
-    <child>
-      <object class="SmoothScale" id="_progress_scale">
-        <property name="visible">True</property>
-        <property name="can_focus">True</property>
-        <property name="valign">center</property>
-        <property name="hexpand">True</property>
-        <property name="draw_value">False</property>
-        <signal name = "value-changed" handler="_on_progress_value_changed" swapped="no"/>
-      </object>
-    </child>
-    <child>
-      <object class="GtkBox" id="timer">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="halign">start</property>
-        <property name="valign">center</property>
-        <property name="spacing">6</property>
-        <child>
-          <object class="GtkLabel" id="_progress_time_label">
+          <object class="GtkBox" id="buttons">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
-            <property name="halign">start</property>
-            <property name="valign">center</property>
-            <property name="label">0:00</property>
-            <attributes>
-              <attribute name="font-features" value="tnum=1"/>
-            </attributes>
-          </object>
-        </child>
-        <child>
-          <object class="GtkLabel" id="separator">
-            <property name="visible">True</property>
-            <property name="can_focus">False</property>
-            <property name="halign">start</property>
-            <property name="valign">center</property>
-            <property name="label">/</property>
+           <property name="halign">center</property>
+            <child>
+              <object class="GtkButton" id="_prev_button">
+                <property name="width_request">42</property>
+                <property name="visible">True</property>
+                <property name="sensitive">False</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">True</property>
+                <property name="image">previous_image</property>
+                <property name="always_show_image">True</property>
+                <property name="valign">center</property>
+                <property name="tooltip_text" translatable="yes">Previous</property>
+                <signal name="clicked" handler="_on_prev_button_clicked" swapped="no"/>
+              </object>
+            </child>
+            <child>
+              <object class="GtkButton" id="_play_button">
+                <property name="width_request">60</property>
+                <property name="visible">True</property>
+                <property name="sensitive">False</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">True</property>
+                <property name="image">_play_image</property>
+                <property name="always_show_image">True</property>
+                <property name="valign">center</property>
+                <property name="tooltip_text" translatable="yes">Play</property>
+                <signal name="clicked" handler="_on_play_button_clicked" swapped="no"/>
+              </object>
+            </child>
+            <child>
+              <object class="GtkButton" id="_next_button">
+                <property name="width_request">42</property>
+                <property name="visible">True</property>
+                <property name="sensitive">False</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">True</property>
+                <property name="image">next_image</property>
+                <property name="always_show_image">True</property>
+                <property name="valign">center</property>
+                <property name="tooltip_text" translatable="yes">Next</property>
+                <signal name="clicked" handler="_on_next_button_clicked" swapped="no"/>
+              </object>
+            </child>
+            <style>
+              <class name="linked"/>
+            </style>
           </object>
         </child>
         <child>
-          <object class="GtkLabel" id="_duration_label">
-            <property name="visible">True</property>
-            <property name="can_focus">False</property>
-            <property name="halign">start</property>
-            <property name="valign">center</property>
-            <property name="label">0:00</property>
-            <attributes>
-              <attribute name="font-features" value="tnum=1"/>
-            </attributes>
+          <object class="GtkBox" id="scale_and_timer">
+           <property name="visible">True</property>
+           <property name="orientation">horizontal</property>
+           <property name="can_focus">False</property>
+            <child>
+              <object class="SmoothScale" id="_progress_scale">
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="valign">center</property>
+                <property name="hexpand">True</property>
+                <property name="draw_value">False</property>
+                <signal name = "value-changed" handler="_on_progress_value_changed" swapped="no"/>
+              </object>
+            </child>
+            <child>
+              <object class="GtkBox" id="timer">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="halign">start</property>
+                <property name="valign">center</property>
+                <property name="spacing">6</property>
+                <child>
+                  <object class="GtkLabel" id="_progress_time_label">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="valign">center</property>
+                    <property name="label">0:00</property>
+                    <attributes>
+                      <attribute name="font-features" value="tnum=1"/>
+                    </attributes>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel" id="separator">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="valign">center</property>
+                    <property name="label">/</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel" id="_duration_label">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="valign">center</property>
+                    <property name="label">0:00</property>
+                    <attributes>
+                      <attribute name="font-features" value="tnum=1"/>
+                    </attributes>
+                  </object>
+                </child>
+              </object>
+            </child>
           </object>
         </child>
       </object>