maximize epub player width

diff --git a/telemeta/static/telemeta/css/telemeta_epub.css b/telemeta/static/telemeta/css/telemeta_epub.css
index c04973751adb87a315887b2795c6c2b3518faae5..c3fb4e5771e368e38f38ce1634320953a15c16a8 100644 (file)
--- a/telemeta/static/telemeta/css/telemeta_epub.css
+++ b/telemeta/static/telemeta/css/telemeta_epub.css
@@ -44,10 +44,15 @@ nav[epub|type~='toc'] > ol > li > ol > li {
 .item-image {
     text-align: center;
 }
+
 .item-audio{
     page-break-after: avoid;
 }
 
+.item-player {
+    width: 100%;
+}
+
 img {
     text-align: center;
     width: 50%;

diff --git a/telemeta/templates/telemeta/collection_epub.html b/telemeta/templates/telemeta/collection_epub.html
index 8863d7fa9ae523d92b2583a75e8b40367349829f..37020245e6e472196fea600b5d7a372fa5d81315 100644 (file)
--- a/telemeta/templates/telemeta/collection_epub.html
+++ b/telemeta/templates/telemeta/collection_epub.html
@@ -9,7 +9,7 @@
   </h3>
 
   <div class="item-audio">
-   <audio src="{{ item.file }}" controls="controls"></audio>
+   <audio class="item-player" src="{{ item.file }}" controls="controls"></audio>
   </div>
 
   {% for image in item.related.all %}