From 2fc9504285161d521c68ce697ff56a7039207c2c Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 12 Sep 2024 16:42:12 +0200
Subject: [PATCH] fix(kanban): make kanban full width on mobile

Related to https://github.com/go-vikunja/vikunja/issues/309

(cherry picked from commit 945f25b81858f0abb303c5bd0d6ce2612e1dbf3b)
---
 frontend/src/components/project/views/ProjectKanban.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/project/views/ProjectKanban.vue b/frontend/src/components/project/views/ProjectKanban.vue
index 931eae27b..cdd05d401 100644
--- a/frontend/src/components/project/views/ProjectKanban.vue
+++ b/frontend/src/components/project/views/ProjectKanban.vue
@@ -805,8 +805,9 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 	}
 
 	@media screen and (max-width: $tablet) {
-		height: calc(#{$crazy-height-calculation} - #{$filter-container-height});
+		height: calc(#{$crazy-height-calculation} - #{$filter-container-height} + 9px);
 		scroll-snap-type: x mandatory;
+		margin: 0 -0.5rem;
 	}
 
 	&-bucket-container {
@@ -884,7 +885,6 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 			// to hide the fact we just made the button smaller.
 			min-width: calc(#{$bucket-width} + 1rem);
 			background: transparent;
-			padding-right: 1rem;
 
 			.button {
 				background: var(--grey-100);