X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app%2FResources%2Fstatic%2Fthemes%2F_global%2Fshare.scss;h=ac26a3505a7e95f0c2ec1594fe4ca90d13c95510;hb=6cf7f21dcbad330574f2c3212ad3dd036bc1fe6f;hp=5a853324c89c5ebaa1de2c790d239cd3924b3883;hpb=42708d1121fef12c84487247b170eb03083d5ffc;p=github%2Fwallabag%2Fwallabag.git

diff --git a/app/Resources/static/themes/_global/share.scss b/app/Resources/static/themes/_global/share.scss
index 5a853324..ac26a350 100644
--- a/app/Resources/static/themes/_global/share.scss
+++ b/app/Resources/static/themes/_global/share.scss
@@ -148,7 +148,7 @@ article h3,
 article h4,
 article h5,
 article h6 {
-  text-align: left !important;
+  text-align: left;
   line-height: 1.3;
 }
 
@@ -221,6 +221,12 @@ ol li:last-child {
   padding-bottom: 0;
 }
 
+iframe,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
 mark {
   padding: 0 0.2em;
 }
@@ -380,28 +386,45 @@ tbody {
   border-width: 1px 0;
 }
 
-article {
-  padding: 0 1em;
+figure {
+  text-align: center;
+}
+
+figure > * {
+  margin: 0 auto;
+}
+
+header {
+  text-align: center;
+}
+
+.shared-by {
+  margin-bottom: 1em;
 }
 
 /* --------------------- Responsive design ------------------------- */
 
+@media (max-width: 719px) {
+  header > *:not(.preview),
+  article {
+    padding: 0 1em;
+  }
+}
+
 @media (min-width: 720px) {
   blockquote {
     margin-left: -1.4375em;
     padding-left: 1.25em;
   }
 
-  article {
-    margin: 0 auto;
-    max-width: 43.75em;
-    padding: 0 1.25em;
+  header {
+    margin-top: 32px;
   }
 
-  header {
+  .block {
+    margin-left: auto;
+    margin-right: auto;
     max-width: 43.75em;
-    margin: 0 auto;
-    margin-top: 32px;
-    text-align: center;
+    padding: 0 1.25em;
   }
 }