Fix mobile viewport on big iframe and video elements

[github/wallabag/wallabag.git] / app / Resources / static / themes / _global / share.scss

diff --git a/app/Resources/static/themes/_global/share.scss b/app/Resources/static/themes/_global/share.scss
index d6f6b669599c6c235187a291bd7d64c2a65378e0..ac26a3505a7e95f0c2ec1594fe4ca90d13c95510 100644 (file)
--- a/app/Resources/static/themes/_global/share.scss
+++ b/app/Resources/static/themes/_global/share.scss
@@ -221,6 +221,12 @@ ol li:last-child {
   padding-bottom: 0;
 }
 
+iframe,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
 mark {
   padding: 0 0.2em;
 }
@@ -380,6 +386,14 @@ tbody {
   border-width: 1px 0;
 }
 
+figure {
+  text-align: center;
+}
+
+figure > * {
+  margin: 0 auto;
+}
+
 header {
   text-align: center;
 }