4 files changed, 50 insertions, 27 deletions

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;
   }
 }
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 7b38a743..0819f0dc 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -8,6 +8,7 @@ main {
   }
 
   ul.row {
+    margin: 0.4rem 0 0;
     padding: 0 0.75rem;
   }
 }
diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss
index c667be27..d38d97e4 100644
--- a/app/Resources/static/themes/material/css/entries.scss
+++ b/app/Resources/static/themes/material/css/entries.scss
@@ -12,12 +12,10 @@
 }
 
 .results {
-  height: 1em;
-
-  .nb-results,
-  .pagination {
-    margin: 15px 15px 0;
-  }
+  display: flex;
+  padding: 1rem 1rem 0;
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .nb-results {
     display: inline-flex;
@@ -29,10 +27,11 @@
 }
 
 .pagination {
-  float: right;
-
   ul {
-    margin: 0 !important;
+    display: flex;
+    margin: 0;
+    flex-wrap: wrap;
+    justify-content: space-around;
 
     .prev.disabled,
     .next.disabled {
@@ -44,10 +43,12 @@
     padding: 0;
   }
 
+  span,
   a {
     padding: 0 10px;
     height: 30px;
     display: block;
+    line-height: 30px;
   }
 
   .disabled {
diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 36d79a45..48f3aefc 100644
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -8,6 +8,10 @@
   footer {
     padding-left: 240px;
   }
+
+  .pagination {
+    margin-left: auto;
+  }
 }
 
 @media only screen and (max-width: 992px) {
@@ -18,10 +22,6 @@
     padding-left: 0;
   }
 
-  .pagination {
-    width: auto;
-  }
-
   .nav-panels .action {
     padding-right: 0.75rem;
   }
@@ -62,9 +62,13 @@
     display: none;
   }
 
-  .pagination li.prev,
-  .pagination li.next {
-    width: auto;
+  .pagination li {
+    margin-bottom: 0.5rem;
+
+    &.prev,
+    &.next {
+      width: auto;
+    }
   }
 
   .drag-target + .drag-target {