Switch to side-by-side view

--- a/GUI/progresswidget/progresswidget.ui
+++ b/GUI/progresswidget/progresswidget.ui
@@ -1,128 +1,128 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
-  <class>VolumeWidget</class>
-  <widget class="QWidget" name="ProgressWidget">
-    <property name="geometry">
-      <rect>
-        <x>0</x>
-        <y>0</y>
-        <width>94</width>
-        <height>300</height>
-      </rect>
-    </property>
-    <layout class="QHBoxLayout" name="horizontalLayout_2">
-      <item>
-        <layout class="QVBoxLayout" name="verticalLayout">
-          <item>
-            <widget class="DirectSlider" name="songProgress">
-              <property name="sizePolicy">
-                <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
-                  <horstretch>1</horstretch>
-                  <verstretch>0</verstretch>
-                </sizepolicy>
-              </property>
-              <property name="minimumSize">
-                <size>
-                  <width>100</width>
-                  <height>20</height>
-                </size>
-              </property>
-              <property name="maximumSize">
-                <size>
-                  <width>16777215</width>
-                  <height>20</height>
-                </size>
-              </property>
-              <property name="sizeIncrement">
-                <size>
-                  <width>3</width>
-                  <height>0</height>
-                </size>
-              </property>
-              <property name="focusPolicy">
-                <enum>Qt::NoFocus</enum>
-              </property>
-              <property name="orientation">
-                <enum>Qt::Horizontal</enum>
-              </property>
-              <property name="invertedAppearance">
-                <bool>false</bool>
-              </property>
-              <property name="invertedControls">
-                <bool>false</bool>
-              </property>
-              <property name="tickInterval">
-                <number>20</number>
-              </property>
-            </widget>
-          </item>
-          <item>
-            <layout class="QHBoxLayout" name="horizontalLayout">
-              <item>
-                <widget class="QLabel" name="curTime">
-                  <property name="font">
-                    <font>
-                      <pointsize>7</pointsize>
-                    </font>
-                  </property>
-                  <property name="styleSheet">
-                    <string notr="true"/>
-                  </property>
-                  <property name="lineWidth">
-                    <number>0</number>
-                  </property>
-                  <property name="text">
-                    <string notr="true"/>
-                  </property>
-                </widget>
-              </item>
-              <item>
-                <spacer name="horizontalSpacer">
-                  <property name="orientation">
-                    <enum>Qt::Horizontal</enum>
-                  </property>
-                  <property name="sizeType">
-                    <enum>QSizePolicy::MinimumExpanding</enum>
-                  </property>
-                  <property name="sizeHint" stdset="0">
-                    <size>
-                      <width>40</width>
-                      <height>10</height>
-                    </size>
-                  </property>
-                </spacer>
-              </item>
-              <item>
-                <widget class="QLabel" name="maxTime">
-                  <property name="font">
-                    <font>
-                      <pointsize>7</pointsize>
-                    </font>
-                  </property>
-                  <property name="lineWidth">
-                    <number>0</number>
-                  </property>
-                  <property name="text">
-                    <string notr="true"/>
-                  </property>
-                  <property name="alignment">
-                    <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
-                  </property>
-                </widget>
-              </item>
-            </layout>
-          </item>
-        </layout>
-      </item>
+ <class>ProgressWidget</class>
+ <widget class="QWidget" name="ProgressWidget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>333</width>
+    <height>58</height>
+   </rect>
+  </property>
+  <layout class="QHBoxLayout" name="horizontalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <item>
+      <widget class="DirectSlider" name="songProgress">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+         <horstretch>1</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="minimumSize">
+        <size>
+         <width>100</width>
+         <height>20</height>
+        </size>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>16777215</width>
+         <height>20</height>
+        </size>
+       </property>
+       <property name="sizeIncrement">
+        <size>
+         <width>3</width>
+         <height>0</height>
+        </size>
+       </property>
+       <property name="focusPolicy">
+        <enum>Qt::NoFocus</enum>
+       </property>
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="invertedAppearance">
+        <bool>false</bool>
+       </property>
+       <property name="invertedControls">
+        <bool>false</bool>
+       </property>
+       <property name="tickInterval">
+        <number>20</number>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <layout class="QHBoxLayout" name="horizontalLayout">
+       <item>
+        <widget class="QLabel" name="curTime">
+         <property name="font">
+          <font>
+           <pointsize>7</pointsize>
+          </font>
+         </property>
+         <property name="styleSheet">
+          <string notr="true"/>
+         </property>
+         <property name="lineWidth">
+          <number>0</number>
+         </property>
+         <property name="text">
+          <string notr="true"/>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::MinimumExpanding</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>40</width>
+           <height>10</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="endTime">
+         <property name="font">
+          <font>
+           <pointsize>7</pointsize>
+          </font>
+         </property>
+         <property name="lineWidth">
+          <number>0</number>
+         </property>
+         <property name="text">
+          <string notr="true"/>
+         </property>
+         <property name="alignment">
+          <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
     </layout>
-  </widget>
-  <customwidgets>
-    <customwidget>
-      <class>DirectSlider</class>
-      <extends>QSlider</extends>
-      <header>../widgets/directslider.h</header>
-    </customwidget>
-  </customwidgets>
-  <resources/>
-  <connections/>
+   </item>
+  </layout>
+ </widget>
+ <customwidgets>
+  <customwidget>
+   <class>DirectSlider</class>
+   <extends>QSlider</extends>
+   <header>../widgets/directslider.h</header>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
 </ui>