From 44e8bef5d029feb9bac7255942e6acc0d8a8813d Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Tue, 18 Jul 2023 16:17:39 +0200
Subject: [PATCH] Fix header css

---
 frontend/src/lib/components/Header.svelte     | 78 +++++++++----------
 frontend/src/lib/components/HomeHeader.svelte | 10 ++-
 frontend/src/routes/paths/[slug]/+page.svelte |  4 +-
 3 files changed, 49 insertions(+), 43 deletions(-)

diff --git a/frontend/src/lib/components/Header.svelte b/frontend/src/lib/components/Header.svelte
index f2652a6..268043b 100644
--- a/frontend/src/lib/components/Header.svelte
+++ b/frontend/src/lib/components/Header.svelte
@@ -1,47 +1,47 @@
 <script lang="ts">
-	export let title: string = 'Naturalistici';
+    export let title: string = 'Naturalistici';
 
-	const goBack = () => {
-		history.back();
-	};
+    const goBack = () => {
+        history.back();
+    };
 </script>
 
-	<div style=''>
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
-		<!-- svelte-ignore a11y-click-events-have-key-events -->
-		<!-- svelte-ignore a11y-missing-attribute -->
-		<a on:click={goBack}>
-			<img class="back" src="/images/black-back-arrow.png" alt="" />
-		</a>
-		
-		<img src="/images/app-bar-logo.png" alt="" />
-	</div>
+<div>
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <!-- svelte-ignore a11y-missing-attribute -->
+    <a on:click={goBack}>
+        <img class="back" src="/images/black-back-arrow.png" alt="" />
+    </a>
+    
+    <img src="/images/app-bar-logo.png" alt="" />
+</div>
 
 <style>
-	div {
-		position: fixed;
-		padding: 15px;
-		background-color: transparent;
-		color: black;
-		margin: 0 auto;
-		padding-left: 15px;
-		padding-right: 15px;
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-	div a {
-		cursor: pointer;
-	}
-	div a img {
-		height: 40px;
-	}
+    div {
+        position: fixed;
+        padding: 15px;
+        background-color: transparent;
+        color: black;
+        margin: 0 auto;
+        padding-left: 15px;
+        padding-right: 15px;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    div a {
+        cursor: pointer;
+    }
+    div a img {
+        height: 40px;
+    }
 
-	img {
-		height: 40px;
-	}
-	.back {
-		height: 20px;
-	}
+    img {
+        height: 40px;
+    }
+    .back {
+        height: 20px;
+    }
 </style>
diff --git a/frontend/src/lib/components/HomeHeader.svelte b/frontend/src/lib/components/HomeHeader.svelte
index 1e91d30..ca9f7a6 100644
--- a/frontend/src/lib/components/HomeHeader.svelte
+++ b/frontend/src/lib/components/HomeHeader.svelte
@@ -20,13 +20,19 @@
 <style>
 	div {
 		color: white;
-		padding: 5px;
+		margin: 0 auto;
+		padding-left: 15px;
+		padding-right: 15px;
 		width: 100%;
 		display: flex;
-		justify-content: space-evenly;
+		justify-content: space-between;
 		align-items: center;
 		background-color: #de0e1b;
 	}
+	div p {
+		margin: 0;
+		padding: 0;
+	}
 	div a {
 		cursor: pointer;
 	}
diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index 5419a96..722377a 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import Route from '$lib/components/Route.svelte';
-	import Header from '$lib/components/Header.svelte';
+	import HomeHeader from '$lib/components/HomeHeader.svelte';
 	export let data;
 </script>
 
-<Header title={data.title}></Header>
+<HomeHeader title={data.title}></HomeHeader>
 
 <div>
 {#each data.routes as route}