From 1eb6e964e99d1f8dd739c2f50977b3aee384d635 Mon Sep 17 00:00:00 2001
From: Thomas King <102960825+tkgnm@users.noreply.github.com>
Date: Sun, 27 Aug 2023 21:37:40 +0100
Subject: [PATCH] fixed flex box problem

---
 src/routes/+layout.svelte              |  4 +++-
 src/routes/bio/+page.svelte            |  2 +-
 src/routes/contact/+page.svelte        | 30 ++++++++++++--------------
 src/routes/gallery/[slug]/+page.svelte |  3 +--
 4 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5d53935..12789e2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -19,7 +19,9 @@
 		</nav>
 	</header>
 
-	<slot />
+	<main>
+		<slot />
+	</main>
 
 	<hr class="divider" />
 
diff --git a/src/routes/bio/+page.svelte b/src/routes/bio/+page.svelte
index e26aeb5..46e2fa8 100644
--- a/src/routes/bio/+page.svelte
+++ b/src/routes/bio/+page.svelte
@@ -4,4 +4,4 @@
 	export let data: PageData;
 </script>
 
-<p>{@html data.props.bio}</p>
+{@html data.props.bio}
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 3cc1eed..15e5dbd 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -15,27 +15,25 @@
 	}
 </script>
 
-<main>
-	<h2>Contact</h2>
-	<p>Please enquire for sales, commissions, and gallery shows.</p>
+<h2>Contact</h2>
+<p>Please enquire for sales, commissions, and gallery shows.</p>
 
-	Instagram:<a href="https://www.instagram.com/gregemyers" target="_blank">@gregemyers</a>
+Instagram:<a href="https://www.instagram.com/gregemyers" target="_blank">@gregemyers</a>
 
-	<div class="email-container">
-		<div class="email-button-container">
-			<p class="email">{emailAddress}</p>
-			{#if !copiedMessage}
-				<button class="copy-button" on:click={copyToClipboard}>Copy Email</button>
-			{/if}
-			{#if copiedMessage === 'Copied to clipboard'}
-				<p class="copied-message">Email Copied</p>
-			{/if}
-		</div>
+<div class="email-container">
+	<div class="email-button-container">
+		<p class="email">{emailAddress}</p>
+		{#if !copiedMessage}
+			<button class="copy-button" on:click={copyToClipboard}>Copy Email</button>
+		{/if}
 		{#if copiedMessage === 'Copied to clipboard'}
-			<div class="background-fade" on:transitionend={() => (copiedMessage = '')} />
+			<p class="copied-message">Email Copied</p>
 		{/if}
 	</div>
-</main>
+	{#if copiedMessage === 'Copied to clipboard'}
+		<div class="background-fade" on:transitionend={() => (copiedMessage = '')} />
+	{/if}
+</div>
 
 <style>
 	.email-container {
diff --git a/src/routes/gallery/[slug]/+page.svelte b/src/routes/gallery/[slug]/+page.svelte
index 4a5b0c8..995b649 100644
--- a/src/routes/gallery/[slug]/+page.svelte
+++ b/src/routes/gallery/[slug]/+page.svelte
@@ -9,7 +9,7 @@
 	}
 </script>
 
-<h1>{@html data.title}</h1>
+<h2>{@html data.title}</h2>
 
 <!-- this should be changed to body -->
 {#if data.description !== null}
@@ -32,7 +32,6 @@
 	h1 {
 		font-size: 24px;
 		text-decoration: underline;
-		margin: 0;
 	}
 	.artwork-gallery {
 		max-width: 600px; /* Adjust this value as needed */