[gnome-music/wip/jfelder/new-playertoolbar: 66/71] playertoolbar: Split the time in two parts

[Jean Felder <jfelder src gnome org>]

commit 17b3e06e201aa02e97dfd578c3f574cdb729c268
Author: Jean Felder <jfelder src gnome org>
Date:   Thu Jan 28 16:44:59 2021 +0100

    playertoolbar: Split the time in two parts
    
    The progress time label is now displayed before the progress scale and
    the duration is displayed after the progress scale.

 data/ui/PlayerToolbar.ui | 60 +++++++++++++++++-------------------------------
 1 file changed, 21 insertions(+), 39 deletions(-)
---
diff --git a/data/ui/PlayerToolbar.ui b/data/ui/PlayerToolbar.ui
index 8e8e0d99d..b28712388 100644
--- a/data/ui/PlayerToolbar.ui
+++ b/data/ui/PlayerToolbar.ui
@@ -119,7 +119,7 @@
           <object class="GtkBox" id="buttons">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
-           <property name="halign">center</property>
+            <property name="halign">center</property>
             <child>
               <object class="GtkButton" id="_prev_button">
                 <property name="width_request">42</property>
@@ -169,9 +169,21 @@
         </child>
         <child>
           <object class="GtkBox" id="scale_and_timer">
-           <property name="visible">True</property>
-           <property name="orientation">horizontal</property>
-           <property name="can_focus">False</property>
+            <property name="visible">True</property>
+            <property name="orientation">horizontal</property>
+            <property name="can_focus">False</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="SmoothScale" id="_progress_scale">
                 <property name="visible">True</property>
@@ -183,45 +195,15 @@
               </object>
             </child>
             <child>
-              <object class="GtkBox" id="timer">
+              <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="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>
+                <property name="label">0:00</property>
+                <attributes>
+                  <attribute name="font-features" value="tnum=1"/>
+                </attributes>
               </object>
             </child>
           </object>