More space for navbar actions on mobile

[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 36d79a45c4d311c828c261f9dae3bb7deba36bcc..69e3d47d5e24050e7763bbac8cdfcc0ef00cf5ee 100644 (file)
--- 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,16 +22,12 @@
     padding-left: 0;
   }
 
-  .pagination {
-    width: auto;
-  }
-
   .nav-panels .action {
     padding-right: 0.75rem;
   }
 
   .nav-panel-buttom {
-    justify-content: space-around;
+    justify-content: space-between;
   }
 
   #article {
@@ -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 {