player: reduce height and fix ruler border

diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css
index d7680ce758d92bcf86aab6c5d343e953609c79a2..a09fad0d60f9e4ac55ac1adb74f1696c9aac112a 100644 (file)
--- a/telemeta/htdocs/css/player.css
+++ b/telemeta/htdocs/css/player.css
@@ -7,11 +7,15 @@
 }
 
 .ts-skin-lab .ts-player .ts-wave {
-    height: 200px;
+    height: 130px;
 }
 .ts-skin-lab .ts-player .ts-image {
     width: 360px;
-    height: 200px;
+    height: 130px;
+}
+
+#player_maximized .ts-player .ts-wave,  #player_maximized .ts-player .ts-image {
+    height: 170px;
 }
 
 .ts-skin-lab .ts-player .ts-viewer {
@@ -40,7 +44,7 @@
 .ts-skin-lab .ts-player .ts-ruler .ts-section .ts-lines {
     background: #F2F2F2;
     color: #ADADAD;
-    border-bottom: #adadad;
+    border-bottom: solid 1px #adadad;
 }
 
 .ts-skin-lab .ts-player .ts-control {

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index 8027360da1e793df7f1b615c60f853c96417d127..2175e831bd89691430e71b14bdc08c1be8aa868d 100644 (file)
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -50,7 +50,7 @@ load_player({{ item.get_duration }});
                 <div class="ts-wave">\r
                     <div class="ts-image-container">\r
                         <a href="{% url telemeta-item-export item.id|urlencode,"mp3" %}">\r
-                        <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id,360,200 %}" \r
+                        <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id,360,130 %}" \r
                           alt="" /></a>\r
                     </div>\r
                 </div>  \r