From a787601ca859753cc67df9f193914db77f9ca815 Mon Sep 17 00:00:00 2001
From: Seth Call <sethcall@gmail.com>
Date: Thu, 19 Jun 2014 20:45:06 -0500
Subject: [PATCH] * VRFS-1424 - fix UI of recording widget in session locations

---
 .../client/recordingFinishedDialog.css.scss   | 10 ++-
 .../stylesheets/client/session.css.scss       | 63 ++++++++++++-------
 2 files changed, 49 insertions(+), 24 deletions(-)

diff --git a/web/app/assets/stylesheets/client/recordingFinishedDialog.css.scss b/web/app/assets/stylesheets/client/recordingFinishedDialog.css.scss
index a96bfd3d5..a738fa57b 100644
--- a/web/app/assets/stylesheets/client/recordingFinishedDialog.css.scss
+++ b/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 {
diff --git a/web/app/assets/stylesheets/client/session.css.scss b/web/app/assets/stylesheets/client/session.css.scss
index 302d345b7..9444d015f 100644
--- a/web/app/assets/stylesheets/client/session.css.scss
+++ b/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;
 }