From cc04331cb7feeac5a8a33b4c5c3e849addaa0343 Mon Sep 17 00:00:00 2001
From: Anthony Kinsey <anthonyjk@gmail.com>
Date: Fri, 3 Dec 2021 14:53:41 -1000
Subject: [PATCH] feat: fix view full width issue watchlist

---
 src/App.vue                   | 1 -
 src/views/Threads.vue         | 2 +-
 src/views/ThreadsPostedIn.vue | 2 +-
 src/views/WatchlistEdit.vue   | 6 +++++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b74d8eeb..bf456866 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -34,7 +34,6 @@ export default {
 /*-- View Layout Wrappers --*/
 #public-content {
   margin-top: $header-bottom-margin;
-  & > div:first-child { width: 100%; }
   @include break-mobile-sm {
     margin-top: -0.5rem;
   }
diff --git a/src/views/Threads.vue b/src/views/Threads.vue
index 81157ce4..e4d5e370 100644
--- a/src/views/Threads.vue
+++ b/src/views/Threads.vue
@@ -498,7 +498,7 @@ export default {
   grid-column: 1 / span 2;
   display: grid;
   grid-area: header;
-
+  width: 100%;
   h1 {
     margin: 0;
     padding: 0;
diff --git a/src/views/ThreadsPostedIn.vue b/src/views/ThreadsPostedIn.vue
index 95859ef9..1b521fd9 100644
--- a/src/views/ThreadsPostedIn.vue
+++ b/src/views/ThreadsPostedIn.vue
@@ -131,7 +131,7 @@ export default {
 
 <style scoped lang="scss">
 .threads-posted-in main #public-content { grid-template-areas: 'header header' 'main sidebar' 'main sidebar'; }
-.thread-data { grid-area: main; }
+.thread-data { grid-area: main; width: 100%; }
 .sidebar {
   grid-area: sidebar;
   .sidebar-block {
diff --git a/src/views/WatchlistEdit.vue b/src/views/WatchlistEdit.vue
index 269c7cc5..70efe5e2 100644
--- a/src/views/WatchlistEdit.vue
+++ b/src/views/WatchlistEdit.vue
@@ -328,13 +328,17 @@ export default {
   }
 
   @include break-mobile-sm {
+    margin-bottom: 1rem;
     .watchlist-panel-header {
-      flex-direction: column;
+      flex-direction: row;
       width: 100%;
     }
 
     .pagination-slide {
       width: 100%;
+     .pagination-controls {
+        justify-self: right;
+      }
     }
 
     .pagination-components {