Improve status bar layout

Author: joedolson

src/styles/ableplayer.css

@@ -351,29 +351,24 @@ input[type=range]::-moz-range-thumb {
   Status Bar
 */
 .able-status-bar {
-  height: 1.5em;
-  min-height: 1.5em;
   color: #ccc;
   font-size: 0.9em;
   background-color: transparent;
   padding: 0.5em 0.5em 0.25em;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 .able-status-bar span.able-timer {
   /* contains both span.elapsedTime and span.duration */
   text-align: left;
-  float: left;
-  width: 32%;
 }
 .able-status-bar span.able-speed {
-  float: left;
-  width: 33%;
   text-align: center;
 }
 .able-status {
   font-style: italic;
-  float: right;
-  width: 32%;
-  text-align :right;
+  text-align: right;
 }
 
 /*