From 365f9a0cc68dbbf860a57f10a089f693fb526c4a Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 24 Jul 2023 12:48:33 +0200
Subject: [PATCH] grid-template-rows to manage alignment on home

---
 frontend/src/lib/components/Path.svelte | 2 ++
 frontend/src/routes/+page.svelte        | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/frontend/src/lib/components/Path.svelte b/frontend/src/lib/components/Path.svelte
index 94cd96c..aa0975c 100644
--- a/frontend/src/lib/components/Path.svelte
+++ b/frontend/src/lib/components/Path.svelte
@@ -33,6 +33,7 @@
 		--route-card-radius: 45px;
 		border-radius: var(--route-card-radius);
 		box-shadow: 0 0 27px #ccc;
+		margin: 0 auto;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		width: 90%;
@@ -54,6 +55,7 @@
 		border-bottom-left-radius: var(--route-card-radius);
 		display: grid;
 		place-items: center;
+		max-width: 10%;
 	}
 
 	.route-card-left img {
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 7ac4848..d4174bf 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -19,7 +19,9 @@
 		display: grid;
 		margin: 0 auto;
 		height: 100%;
+		width: 100%;
 		font-family: 'Roboto-Regular';
+		grid-template-rows: 16% 16% 16% 16% 16% 16%;
 	}
 
 	.bold {
@@ -33,9 +35,13 @@
 		place-content: center;
 		grid-template-columns: 1fr;
 		text-align: center;
+		grid-row-start: 1;
+		grid-row-end: 1;
 	}
 
 	#route-cards {
+		grid-row-start: 2;
+		grid-row-end: 7;
 		display: grid;
 		width: 100%;
 	}