From 9bde53a4e2fda8276dd0bb2f52c9657e9b8ef458 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Wed, 24 Apr 2024 12:55:53 +0200
Subject: [PATCH] simplify tabs

---
 website/src/lib/components/FileList.svelte |  2 +-
 website/src/lib/components/Map.svelte      | 10 +++++++---
 website/src/routes/+page.svelte            |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/website/src/lib/components/FileList.svelte b/website/src/lib/components/FileList.svelte
index 9f91474c..5d4261c0 100644
--- a/website/src/lib/components/FileList.svelte
+++ b/website/src/lib/components/FileList.svelte
@@ -108,7 +108,7 @@
 	});
 </script>
 
-<div class="absolute h-10 -translate-y-10 w-fit max-w-full bg-secondary rounded-t">
+<div class="h-10 -translate-y-10 w-full">
 	<ScrollArea orientation="horizontal" class="w-full h-full" scrollbarXClasses="h-2">
 		<div bind:this={tabs} class="flex flex-row gap-1">
 			{#each $fileCollection.files as file, index}
diff --git a/website/src/lib/components/Map.svelte b/website/src/lib/components/Map.svelte
index 201d6232..5c512a1f 100644
--- a/website/src/lib/components/Map.svelte
+++ b/website/src/lib/components/Map.svelte
@@ -101,7 +101,11 @@
 </div>
 
 <style lang="postcss">
-	div :global(.mapboxgl-ctrl) {
+	div :global(.mapboxgl-map) {
+		@apply font-sans;
+	}
+
+	div :global(.mapboxgl-ctrl-top-right > .mapboxgl-ctrl) {
 		@apply shadow-md;
 	}
 
@@ -152,10 +156,10 @@
 	}
 
 	div :global(.mapboxgl-ctrl-bottom-left) {
-		@apply bottom-10;
+		@apply bottom-9;
 	}
 
 	div :global(.mapboxgl-ctrl-bottom-right) {
-		@apply bottom-10;
+		@apply bottom-9;
 	}
 </style>
diff --git a/website/src/routes/+page.svelte b/website/src/routes/+page.svelte
index d9a13c23..7d5e882a 100644
--- a/website/src/routes/+page.svelte
+++ b/website/src/routes/+page.svelte
@@ -16,9 +16,9 @@
 		<Map class="h-full" />
 		<LayerControl />
 		<Data />
+		<FileList />
 	</div>
 	<div class="h-60 flex flex-row gap-2 overflow-hidden border">
-		<FileList />
 		<GPXData />
 		<ElevationProfile />
 	</div>