From fee7d8b6a7c68623e41f1c4256c11eb1dda9f169 Mon Sep 17 00:00:00 2001
From: Alexandre Alapetite <alexandre@alapetite.fr>
Date: Sat, 4 Apr 2020 20:53:05 +0200
Subject: Full with for audio UI (#2877)

#fix https://github.com/FreshRSS/FreshRSS/issues/2875
---
 p/themes/Alternative-Dark/template.css     | 6 +++++-
 p/themes/Alternative-Dark/template.rtl.css | 6 +++++-
 p/themes/base-theme/template.css           | 6 +++++-
 p/themes/base-theme/template.rtl.css       | 6 +++++-
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/p/themes/Alternative-Dark/template.css b/p/themes/Alternative-Dark/template.css
index 7c98fd789..cb584fdd5 100644
--- a/p/themes/Alternative-Dark/template.css
+++ b/p/themes/Alternative-Dark/template.css
@@ -93,10 +93,14 @@ img.favicon {
 }
 
 /*=== Videos */
-iframe, embed, object, video {
+audio, iframe, embed, object, video {
 	max-width: 100%;
 }
 
+audio {
+	width: 100%;
+}
+
 /*=== Forms */
 legend {
 	display: block;
diff --git a/p/themes/Alternative-Dark/template.rtl.css b/p/themes/Alternative-Dark/template.rtl.css
index 46fc3974e..7696ae8b4 100644
--- a/p/themes/Alternative-Dark/template.rtl.css
+++ b/p/themes/Alternative-Dark/template.rtl.css
@@ -93,10 +93,14 @@ img.favicon {
 }
 
 /*=== Videos */
-iframe, embed, object, video {
+audio, iframe, embed, object, video {
 	max-width: 100%;
 }
 
+audio {
+	width: 100%;
+}
+
 /*=== Forms */
 legend {
 	display: block;
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 903ddf56f..cda380928 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -93,10 +93,14 @@ img.favicon {
 }
 
 /*=== Videos */
-iframe, embed, object, video {
+audio, iframe, embed, object, video {
 	max-width: 100%;
 }
 
+audio {
+	width: 100%;
+}
+
 /*=== Forms */
 legend {
 	display: block;
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index b67d6155f..1f1ad9626 100644
--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@@ -93,10 +93,14 @@ img.favicon {
 }
 
 /*=== Videos */
-iframe, embed, object, video {
+audio, iframe, embed, object, video {
 	max-width: 100%;
 }
 
+audio {
+	width: 100%;
+}
+
 /*=== Forms */
 legend {
 	display: block;
-- 
cgit v1.2.3