Fix pagination on list mode

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

diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss
index b6a46a9e1db6dfe15f62e4ee644833d27dfb6d8d..b12ae799deb5a9eb993bd18e948c2a4c3acc0b4a 100644 (file)
--- a/app/Resources/static/themes/material/css/entries.scss
+++ b/app/Resources/static/themes/material/css/entries.scss
@@ -2,13 +2,20 @@
  * Entries
  * ========================================================================== */
 
-.results {
-  height: 1em;
+.collection {
+  margin: 15px 15px 0;
 
-  .nb-results,
-  .pagination {
-    margin: 15px 15px 0;
+  .collection-item {
+    padding: 7px;
+    height: 65px;
   }
+}
+
+.results {
+  display: flex;
+  padding: 1rem 1rem 0;
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .nb-results {
     display: inline-flex;
@@ -20,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 {