From b0e39949cb3dcd70ddf8de753b043b3a5fa96efc Mon Sep 17 00:00:00 2001
From: Son NK <>
Date: Sun, 6 Dec 2020 19:38:48 +0100
Subject: [PATCH] fix embed video on mobile view

---
 .../templates/dashboard/alias_contact_manager.html         | 7 ++++++-
 app/dashboard/templates/dashboard/setting.html             | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/dashboard/templates/dashboard/alias_contact_manager.html b/app/dashboard/templates/dashboard/alias_contact_manager.html
index aa056202..6c7af559 100644
--- a/app/dashboard/templates/dashboard/alias_contact_manager.html
+++ b/app/dashboard/templates/dashboard/alias_contact_manager.html
@@ -43,7 +43,12 @@
           {% endif %}
         </p>
         <p>This video can also quickly walk you through the steps:</p>
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/VsypF-DBaow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/VsypF-DBaow"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
+                style="max-width: 100%"
+        >
+        </iframe>
       </div>
     </div>
 
diff --git a/app/dashboard/templates/dashboard/setting.html b/app/dashboard/templates/dashboard/setting.html
index 4a043f5d..d81cef27 100644
--- a/app/dashboard/templates/dashboard/setting.html
+++ b/app/dashboard/templates/dashboard/setting.html
@@ -314,7 +314,7 @@
           the sender.<br>
 
           You can however enable this option to include the sender address in the reverse-alias. <br>
-          
+
           This can be useful when setting up an email filter and makes the reverse-alias more readable.
         </div>
         <form method="post" action="#sender-in-ra">