From f053a3da7004c328492b4c39a2c102c59ab11df2 Mon Sep 17 00:00:00 2001
From: Anthony Kinsey <anthonyjk@gmail.com>
Date: Mon, 29 Nov 2021 14:40:24 -1000
Subject: [PATCH] fix: issue with mobile pagination in watchlist view

---
 src/views/Watchlist.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/Watchlist.vue b/src/views/Watchlist.vue
index 10b59581..fda6e5e5 100644
--- a/src/views/Watchlist.vue
+++ b/src/views/Watchlist.vue
@@ -151,7 +151,11 @@ export default {
 </script>
 
 <style lang="scss">
-/*-------------- Watchlist Layout --------------- */
+.watchlist .pagination-simple {
+  text-align: center;
+  grid-template-columns: auto 6rem auto;
+  button:first-child { text-align: right; }
+}
 .watchlist-section {
   display: flex;
   align-items: flex-end;