VRFS-2498 : Metronome graphic, made transparent. Session UI for metronome.

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

@@ -74,7 +74,7 @@
       left:5px;
     }
 
-    .open-media-file-header {
+    .open-media-file-header, .use-metronome-header {
         font-size:16px;
         line-height:100%;
         margin:0;
@@ -319,8 +319,6 @@ table.vu td {
     color: inherit;
 }
 
-
-
 .session-add {
     margin-top:9px;
     margin-bottom:8px;

web/app/views/clients/_session.html.erb

@@ -120,10 +120,18 @@
                                     <li><a href="#" id="open-a-jamtrack">JamTrack</a></li>
                                     <% end %>
                                     <!--<li>Audio File</li>-->
-                                  </ul>
+                                  </ul>                                    
+                                </div>                                
+                                <br clear="all" />
+                                <div class="when-empty use-metronome-header">
+                                    <%= image_tag "content/icon_metronome.png", {width:22, height:20} %>
+                                    <a href="#" id="use-metronome">Use Metronome</a>
+                                    
                                 </div>
+                            
                             </div>
                             <br clear="all" />
+                            
 
                           <%= render "play_controls" %>