From 282749f58578f343b660b06f4cf75c03094b3561 Mon Sep 17 00:00:00 2001
From: Guillaume Pellerin <yomguy@parisson.com>
Date: Thu, 7 May 2015 00:05:08 +0200
Subject: [PATCH] maximize epub player width

---
 telemeta/static/telemeta/css/telemeta_epub.css   | 5 +++++
 telemeta/templates/telemeta/collection_epub.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

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 %}
-- 
2.39.5