From e98ed961d455341610c3acfb1d448da8c8851ba8 Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Wed, 3 Jul 2019 01:54:35 +0200
Subject: [PATCH] Quickk-pagination style updates.

---
 assets/less/forum/topic.less | 22 +++++++++++-----------
 templates/forum/macros.twig  |  4 ----
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/assets/less/forum/topic.less b/assets/less/forum/topic.less
index a00011b0..5fadca77 100644
--- a/assets/less/forum/topic.less
+++ b/assets/less/forum/topic.less
@@ -242,16 +242,13 @@
         font-size: .9em;
         line-height: 1.2em;
 
-        &__title {
-            margin-right: 2px;
-
-            @media (max-width: @site-mobile-width) {
-                display: none;
-            }
+        @media (min-width: @site-mobile-width) {
+            position: absolute;
+            right: 0;
         }
 
         &__separator {
-            margin: 0 4px;
+            margin: 0 8px;
 
             @media (max-width: @site-mobile-width) {
                 display: none;
@@ -265,13 +262,16 @@
             margin: 0 1px;
             padding: 2px 4px;
             border-radius: 2px;
+            min-width: 25px;
+            height: 25px;
+            line-height: 20px;
+            text-align: center;
+            background-color: fade(#000, 20%);
+            box-shadow: 0 1px 1px #111;
+            border-radius: 2px;
             transition: background-color .2s, box-shadow .2s;
 
             @media (max-width: @site-mobile-width) {
-                background-color: fade(#000, 20%);
-                box-shadow: 0 1px 1px #111;
-                line-height: 25px;
-                text-align: center;
                 min-width: 30px;
                 height: 30px;
                 font-size: 1.2em;
diff --git a/templates/forum/macros.twig b/templates/forum/macros.twig
index 8d384e7f..7ce724d9 100644
--- a/templates/forum/macros.twig
+++ b/templates/forum/macros.twig
@@ -312,10 +312,6 @@
 
                 {% if topic.topic_pages|default(0) > 1 %}
                     <div class="forum__topic__pagination">
-                        <div class="forum__topic__pagination__title">
-                            Page:
-                        </div>
-
                         {% for i in 1..topic.topic_pages|clamp(0, 3) %}
                             <a href="{{ url('forum-topic', {'topic': topic.topic_id, 'page': i}) }}" class="forum__topic__pagination__item">
                                 {{ i }}