Add missing paginator in mobile view.

1 files changed, 54 insertions, 52 deletions

diff --git a/assets/scss/journal.scss b/assets/scss/journal.scss
index ab0d02b..47002f1 100644
--- a/assets/scss/journal.scss
+++ b/assets/scss/journal.scss
@@ -885,59 +885,7 @@ a {
     }
   }
 
-  .pagination {
-    display: none;
 
-    @media screen and (max-width: $single-column-max-width) {
-      display: flex !important;
-      flex-direction: row;
-      justify-content: space-between;
-      &:not(.index-page) {
-        margin-top: 15px;
-      }
-      .pagination-indicator {
-        display: flex;
-        flex-direction: column;
-        align-content: center;
-        justify-content: center;
-        align-items: center;
-        justify-items: center;
-        width: $extra-container-width;
-        padding: 15px 0;
-        font-size: 12px;
-        font-family: $mono-font-list;
-      }
-      .pagination-action {
-        display: flex;
-        flex-direction: column;
-        align-content: center;
-        justify-content: center;
-        align-items: center;
-        justify-items: center;
-        width: $extra-container-pagination-width;
-        cursor: hand;
-        cursor: pointer;
-        padding: 15px 0;
-        :not(.pagination-action-icon) {
-          transition: all 0.2s linear;
-          font-size: 13px;
-          font-family: $mono-font-list;
-        }
-        .pagination-action-icon {
-          // margin-right: 4px;
-        }
-        * {
-          transition: all 0.3s linear;
-        }
-        &:hover {
-          text-decoration: none;
-          * {
-            color: $dark-accent;
-          }
-        }
-      }
-    }
-  }
 
   
 }
@@ -993,4 +941,58 @@ a {
       padding: 10px;
     }
   }
+}
+
+.pagination {
+  display: none;
+
+  @media screen and (max-width: $single-column-max-width) {
+    display: flex !important;
+    flex-direction: row;
+    justify-content: space-between;
+    &:not(.index-page) {
+      margin-top: 15px;
+    }
+    .pagination-indicator {
+      display: flex;
+      flex-direction: column;
+      align-content: center;
+      justify-content: center;
+      align-items: center;
+      justify-items: center;
+      width: $extra-container-width;
+      padding: 15px 0;
+      font-size: 12px;
+      font-family: $mono-font-list;
+    }
+    .pagination-action {
+      display: flex;
+      flex-direction: column;
+      align-content: center;
+      justify-content: center;
+      align-items: center;
+      justify-items: center;
+      width: $extra-container-pagination-width;
+      cursor: hand;
+      cursor: pointer;
+      padding: 15px 0;
+      :not(.pagination-action-icon) {
+        transition: all 0.2s linear;
+        font-size: 13px;
+        font-family: $mono-font-list;
+      }
+      .pagination-action-icon {
+        // margin-right: 4px;
+      }
+      * {
+        transition: all 0.3s linear;
+      }
+      &:hover {
+        text-decoration: none;
+        * {
+          color: $dark-accent;
+        }
+      }
+    }
+  }
 }
\ No newline at end of file