fix bottom background

frontend/src/css/app.css

@@ -29,6 +29,7 @@ body {
 header,
 main, 
 footer {
+    background: white;
     height: 100%;
     width: 100%;
     display: grid;

frontend/src/lib/components/Tabs.svelte

@@ -33,6 +33,7 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
+<div id="container">
 	<div id="tabs" on:click={activeClicked}>
 		<button id="info" class="active">Info</button>
 		<button id="desc">Descrizione</button>
@@ -41,8 +42,13 @@
 	<div class="tab">
 		<svelte:component this={component} />
 	</div>
+</div>
 
 <style>
+	#container {
+		background-color: white;
+		height: calc(20vh);
+	}
 	#tabs {
 		display: flex;
 		justify-content: center;
@@ -68,8 +74,6 @@
 
 	.tab {
 		padding: 10px;
-		height: 90%;
-		overflow: hidden;
 		background-color: white;
 	}
 

frontend/src/routes/+layout.svelte

@@ -5,3 +5,10 @@
 <footer>
 	<BottomAppBar />
 </footer>
+
+
+<style>
+	footer {
+		background: white;
+	}
+</style>