* VRFS-1424 - fix UI of recording widget in session locations

web/app/assets/stylesheets/client/recordingFinishedDialog.css.scss

@@ -9,8 +9,14 @@
     display:inline;
   }
 
-  .recording-controls {
-    position:relative;
+  .recording-position {
+    margin: 5px 0 0 -15px;
+    width: 95%;
+    display:inline-block;
+  }
+
+  .recording-current {
+    position:absolute;
   }
 
   .icheckbuttons {

web/app/assets/stylesheets/client/session.css.scss

@@ -40,6 +40,31 @@
       top:85px;
       left:12px;
     }
+
+    .recording-position {
+      display:inline-block;
+      width:80%;
+
+      font-family:Arial, Helvetica, sans-serif;
+      font-size:11px;
+      height:18px;
+      vertical-align:top;
+      margin-left:15px;
+    }
+
+    .recording-controls {
+      position: absolute;
+      bottom: 0;
+      height: 25px;
+
+      .play-button {
+        top:2px;
+      }
+    }
+
+    .playback-mode-buttons {
+      display:none;
+    }
 }
 
 
@@ -509,18 +534,6 @@ table.vu td {
   }
 }
 
-.recording-controls {
-  display:none;
-
-  .play-button {
-    outline:none;
-  }
-
-  .play-button img.pausebutton {
-    display:none;
-  }
-}
-
 #recording-finished-dialog .recording-controls {
   display:block;
 }
@@ -624,16 +637,6 @@ table.vu td {
     text-align:center;
 }
 
-.recording-position {
-    display:inline-block;
-    width:80%;
-
-    font-family:Arial, Helvetica, sans-serif;
-    font-size:11px;
-    height:18px;
-    vertical-align:top;
-}
-
 .recording-time {
     display:inline-block;
     height:16px;
@@ -672,6 +675,22 @@ table.vu td {
     font-size:18px;
 }
 
+.recording-controls {
+  display:none;
+
+  .play-button {
+    outline:none;
+  }
+
+  .play-button img.pausebutton {
+    display:none;
+  }
+}
+
+.playback-mode-buttons {
+  display:none;
+}
+
 .currently-recording {
   background-color: $ColorRecordingBackground;
 }