Fix header css

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>

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;
 	}

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}