From: Guillaume Pellerin <yomguy@parisson.com>
Date: Wed, 6 May 2015 22:05:08 +0000 (+0200)
Subject: maximize epub player width
X-Git-Tag: 1.6a~4^2~87
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=282749f58578f343b660b06f4cf75c03094b3561;p=telemeta.git

maximize epub player width
---

diff --git a/telemeta/static/telemeta/css/telemeta_epub.css b/telemeta/static/telemeta/css/telemeta_epub.css
index c0497375..c3fb4e57 100644
--- 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 8863d7fa..37020245 100644
--- 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 %}