fix play button issue

web/app/assets/stylesheets/web/recordings.css.scss

@@ -55,4 +55,8 @@
   position:absolute;
   top:3px;
   right:4px;
+}
+
+#btnPlayPause {
+  position: relative;
 }

web/app/assets/stylesheets/web/sessions.css.scss

@@ -16,4 +16,8 @@
 	font-size:15px;
 	color:#cccc00;
 	margin-left:20px;
-}*/
+}*/
+
+#btnPlayPause {
+  position: relative;
+}

web/app/views/music_sessions/show.html.erb

@@ -53,7 +53,7 @@
   <div class="w100">
     <div class="recording-controls">
       <% if !@music_session.music_session.nil? && !@music_session.music_session.mount.blank? %>
-        <a class="left mr20" href="#">
+        <a id="btnPlayPause" class="left mr20" href="#">
           <%= image_tag "content/icon_playbutton.png", {:id => "imgPlayPause", :width => 20, :height => 20, :alt => ""} %>
         </a>
       <% end %>

web/app/views/recordings/show.html.erb

@@ -52,7 +52,7 @@
   <div class="w100">
     <div class="recording-controls">
       <% if @claimed_recording.has_mix? %>
-        <a id="btnPlayPause" class="left" href="#">
+        <a id="btnPlayPause" class="left">
           <%= image_tag "content/icon_playbutton.png", {:id => "imgPlayPause", :width => 20, :height => 20, :alt => ""} %>
         </a>
       <% end %>