From d95571309bb1f20f9408fdae1c4c831488b22bb4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 11 Aug 2020 20:47:27 +0200
Subject: [PATCH] Fix bottom padding on kanban

---
 src/App.vue                       | 11 +++++++----
 src/styles/components/kanban.scss |  4 ++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 44fdd18a..3228949d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -216,10 +216,13 @@
 					</div>
 					<div
 							class="app-content"
-							:class="{
-								'fullpage-overlay': fullpage,
-								'is-menu-enabled': menuActive,
-							}"
+							:class="[
+								{
+									'fullpage-overlay': fullpage,
+									'is-menu-enabled': menuActive,
+								},
+								$route.name,
+							]"
 					>
 						<a class="mobile-overlay" v-if="menuActive" @click="menuActive = false"></a>
 						<transition name="fade">
diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss
index d014776d..11fed82b 100644
--- a/src/styles/components/kanban.scss
+++ b/src/styles/components/kanban.scss
@@ -4,6 +4,10 @@ $ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1);
 
 $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
 
+.app-content.list\.kanban {
+  padding-bottom: 0;
+}
+
 .kanban {
 
   display: flex;