From 9ceb45b05861f769ea859dec00f963ef1bb716ae Mon Sep 17 00:00:00 2001
From: Adam Fitzgibbon <fitzgamer@hotmail.com>
Date: Mon, 28 Oct 2019 23:04:13 -0500
Subject: [PATCH 1/3] fix padding on various pages

---
 website/client/src/components/groups/group.vue  | 2 +-
 website/client/src/components/groups/tavern.vue | 8 ++++++--
 website/client/src/components/tasks/user.vue    | 2 ++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/website/client/src/components/groups/group.vue b/website/client/src/components/groups/group.vue
index b6d092827b..65a99c7de1 100644
--- a/website/client/src/components/groups/group.vue
+++ b/website/client/src/components/groups/group.vue
@@ -255,7 +255,7 @@
   .sidebar {
     background-color: $gray-600;
     padding-bottom: 2em;
-
+    padding-right: 24px;
   }
 
   .buttons-wrapper {
diff --git a/website/client/src/components/groups/tavern.vue b/website/client/src/components/groups/tavern.vue
index ab1b16df14..2f05aa4be3 100644
--- a/website/client/src/components/groups/tavern.vue
+++ b/website/client/src/components/groups/tavern.vue
@@ -510,13 +510,17 @@
 
   .sidebar {
     background-color: $gray-600;
-    padding: 0em;
+    padding: 0em 24px 0em 0em;
 
     .below-header-sections {
-      padding: 1em 1.75em 1em 1.75em;
+      padding: 1em 24px 1em 1.75em;
     }
   }
 
+  .px-3 {
+    padding-right: 24px !important;
+  }
+
   .pause-button {
     background-color: #ffb445 !important;
     color: $white;
diff --git a/website/client/src/components/tasks/user.vue b/website/client/src/components/tasks/user.vue
index 07a6a727d9..fc04c37d6c 100644
--- a/website/client/src/components/tasks/user.vue
+++ b/website/client/src/components/tasks/user.vue
@@ -246,6 +246,8 @@
   @import '~@/assets/scss/create-task.scss';
 
   .user-tasks-page {
+    padding-left: 12px;
+    padding-right: 12px;
     padding-top: 16px;
   }
 

From 2ca3c225c4fce05c912b130977f722a7c3937794 Mon Sep 17 00:00:00 2001
From: Adam Fitzgibbon <fitzgamer@hotmail.com>
Date: Tue, 29 Oct 2019 22:03:57 -0500
Subject: [PATCH 2/3] some additional padding

---
 website/client/src/components/groups/group.vue  | 9 ++++++---
 website/client/src/components/groups/tavern.vue | 5 +++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/website/client/src/components/groups/group.vue b/website/client/src/components/groups/group.vue
index 65a99c7de1..fe46ad6c60 100644
--- a/website/client/src/components/groups/group.vue
+++ b/website/client/src/components/groups/group.vue
@@ -160,7 +160,7 @@
           </div>
         </div>
       </div>
-      <div>
+      <div class="below-header-sections">
         <quest-sidebar-section
           v-if="isParty"
           :group="group"
@@ -255,11 +255,14 @@
   .sidebar {
     background-color: $gray-600;
     padding-bottom: 2em;
-    padding-right: 24px;
+
+    .below-header-sections {
+        padding: 1em 24px 1em 24px;
+      }
   }
 
   .buttons-wrapper {
-    padding-top: 2.8em;
+    padding: 2.8em 24px 0em 24px;
   }
 
   .card {
diff --git a/website/client/src/components/groups/tavern.vue b/website/client/src/components/groups/tavern.vue
index 2f05aa4be3..a861fb8b67 100644
--- a/website/client/src/components/groups/tavern.vue
+++ b/website/client/src/components/groups/tavern.vue
@@ -510,15 +510,16 @@
 
   .sidebar {
     background-color: $gray-600;
-    padding: 0em 24px 0em 0em;
+    padding: 0em;
 
     .below-header-sections {
-      padding: 1em 24px 1em 1.75em;
+      padding: 1em 24px 1em 24px;
     }
   }
 
   .px-3 {
     padding-right: 24px !important;
+    padding-left: 24px !important;
   }
 
   .pause-button {

From 25603634dbd1f8b3cd6851fa57a05ee35a8691a5 Mon Sep 17 00:00:00 2001
From: Adam Fitzgibbon <fitzgamer@hotmail.com>
Date: Sun, 3 Nov 2019 20:14:22 -0600
Subject: [PATCH 3/3] update to use bootstrap built in spacing classes

---
 website/client/src/components/groups/group.vue  |  6 +-----
 website/client/src/components/groups/tavern.vue | 13 ++-----------
 2 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/website/client/src/components/groups/group.vue b/website/client/src/components/groups/group.vue
index fe46ad6c60..cc315c0cb8 100644
--- a/website/client/src/components/groups/group.vue
+++ b/website/client/src/components/groups/group.vue
@@ -160,7 +160,7 @@
           </div>
         </div>
       </div>
-      <div class="below-header-sections">
+      <div class="px-3 py-3">
         <quest-sidebar-section
           v-if="isParty"
           :group="group"
@@ -255,10 +255,6 @@
   .sidebar {
     background-color: $gray-600;
     padding-bottom: 2em;
-
-    .below-header-sections {
-        padding: 1em 24px 1em 24px;
-      }
   }
 
   .buttons-wrapper {
diff --git a/website/client/src/components/groups/tavern.vue b/website/client/src/components/groups/tavern.vue
index a861fb8b67..449de7baa6 100644
--- a/website/client/src/components/groups/tavern.vue
+++ b/website/client/src/components/groups/tavern.vue
@@ -229,7 +229,7 @@
           -info-button(@click="showWorldBossInfo()") {{$t('whatIsWorldBoss') }}
           -->
         </div>
-        <div class="sleep below-header-sections">
+        <div class="sleep px-4 py-3">
           <strong v-once>{{ $t('sleepDescription') }}</strong>
           <ul>
             <li v-once>
@@ -263,7 +263,7 @@
           </button>
         </div>
       </div>
-      <div class="px-3">
+      <div class="px-4">
         <sidebar-section :title="$t('staffAndModerators')">
           <div class="row">
             <div
@@ -511,15 +511,6 @@
   .sidebar {
     background-color: $gray-600;
     padding: 0em;
-
-    .below-header-sections {
-      padding: 1em 24px 1em 24px;
-    }
-  }
-
-  .px-3 {
-    padding-right: 24px !important;
-    padding-left: 24px !important;
   }
 
   .pause-button {