X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app%2FResources%2Fstatic%2Fthemes%2F_global%2Fshare.scss;h=72e73a9a70428abcf638ca58cb7b9a2591895bc4;hb=613a8ec3123de83013837bf97b59c3bd1af02548;hp=5a853324c89c5ebaa1de2c790d239cd3924b3883;hpb=29714661b1df78871ceaf0e079f11041a8641d4b;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..72e73a9a 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;
 }
 
@@ -380,28 +380,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;
   }
 }