From c998a1cd91700259f7255992175be07523059482 Mon Sep 17 00:00:00 2001
From: pswsm <pauseawesome@protonmail.com>
Date: Sat, 25 Feb 2023 01:37:57 +0100
Subject: [PATCH] Add main margin

---
 src/routes/openmeteo/+page.svelte | 2 ++
 src/routes/styles.css             | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/src/routes/openmeteo/+page.svelte b/src/routes/openmeteo/+page.svelte
index ecabdf9..fdbfb2c 100644
--- a/src/routes/openmeteo/+page.svelte
+++ b/src/routes/openmeteo/+page.svelte
@@ -11,6 +11,7 @@
 		display = (display === 'none') ? 'block' : 'none';
 	}
 </script>
+<main>
 <div class="box" id="locChange" style="display: {display};">
 	<form action="?/changeLoc" method="post" use:enhance={ () => { loading = true; return async ( { update } ) => { await update(); loading = false; } } }>
 		<p>Change location</p>
@@ -22,6 +23,7 @@
 <button type="button" on:click={toggleDisplay}>Canviar ubicació</button>
 <pre>{ JSON.stringify(data) }</pre>
 <Graph ubicacio={data.ubicacio} series={data.temps} />
+</main>
 <footer>
 <p>Dades provinents de:</p>
 <ul>
diff --git a/src/routes/styles.css b/src/routes/styles.css
index 9bc75dd..50bac2b 100644
--- a/src/routes/styles.css
+++ b/src/routes/styles.css
@@ -1,3 +1,7 @@
 body {
 	margin: 0;
 }
+
+main, footer {
+	margin: 0 8px;
+}