From 5dc13634e4185403f4233955a6eadd163eb8196d Mon Sep 17 00:00:00 2001
From: Brieuc Dubois <git@bhasher.com>
Date: Mon, 15 Jan 2024 15:59:22 +0100
Subject: [PATCH] Smoth scroll on small screens

---
 frontend/src/lib/components/project/Column.svelte  | 4 ++++
 frontend/src/lib/components/project/Project.svelte | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/project/Column.svelte b/frontend/src/lib/components/project/Column.svelte
index 821aef7..652532c 100644
--- a/frontend/src/lib/components/project/Column.svelte
+++ b/frontend/src/lib/components/project/Column.svelte
@@ -130,6 +130,10 @@
 	.column {
 		margin: 20px 10px;
 		width: 250px;
+
+		@media (max-width: 480px) {
+			scroll-snap-align: center;
+		}
 	}
 
 	header {
diff --git a/frontend/src/lib/components/project/Project.svelte b/frontend/src/lib/components/project/Project.svelte
index 9835847..971455c 100644
--- a/frontend/src/lib/components/project/Project.svelte
+++ b/frontend/src/lib/components/project/Project.svelte
@@ -106,7 +106,7 @@
 	</section>
 {/if}
 
-<style>
+<style lang="less">
 	section {
 		display: flex;
 		flex-direction: column;
@@ -125,5 +125,6 @@
 		flex: 1;
 		overflow: scroll;
 		padding: 0 40px;
+		scroll-snap-type: x mandatory;
 	}
 </style>