Fix pagination on list mode

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / media_queries.scss

diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 96f344943a8be5b87a34f1192bab8f12b45bda86..48f3aefc824f942d8333f85cb6a1d629d6d40c05 100644 (file)
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -2,21 +2,24 @@
    Media queries
    ========================================================================== */
 
-@media only screen and (max-width: 992px) {
-  header,
-  main,
-  footer {
-    padding-left: 0;
-  }
-
+@media only screen and (min-width: 992px) {
   nav,
-  main,
+  body:not(.entry):not(.login) main,
   footer {
-    padding-left: 0;
+    padding-left: 240px;
   }
 
   .pagination {
-    width: auto;
+    margin-left: auto;
+  }
+}
+
+@media only screen and (max-width: 992px) {
+  header,
+  main,
+  footer,
+  nav {
+    padding-left: 0;
   }
 
   .nav-panels .action {
@@ -59,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 {