Share page improved (mobile + header's padding)

[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 5a853324c89c5ebaa1de2c790d239cd3924b3883..d6f6b669599c6c235187a291bd7d64c2a65378e0 100644 (file)
--- 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,37 @@ tbody {
   border-width: 1px 0;
 }
 
-article {
-  padding: 0 1em;
+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;
   }
 }