X-Git-Url: https://git.r.bdr.sh/rbdr/forum/blobdiff_plain/a7cf03c192470cbab13edeb1aec99e0c66dede10..d2cd7f1b4c318ac8587ab3dc1dec4a44b6d592fe:/src/routes/__layout.svelte

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index b856e21..0077810 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,5 +1,5 @@
-<script>
-  import "../app.css";
+<script lang="ts">
+	import '../app.css';
 	import '$lib/i18n';
 
 	import { isLoading } from 'svelte-i18n';
@@ -21,27 +21,22 @@
 	<Loader />
 {:else}
 	<Header />
-	<main>
+	<main class="col-start-2 col-span-11">
 		<slot />
 	</main>
-  <nav title={$_('forum_list.title')}>
-    {#if $store.loading}
-      <Loader />
-    {/if}
-    {#if $store.error}
-      <ErrorBlock message={$_('forum_list.error.unavailable')} />
-    {/if}
-    {#if forums}
-      <ForumList forums={forums} />
-    {/if}
-  </nav>
+	<nav
+		class="col-start-1 row-start-2 border-r-2 border-2-black border-solid"
+		title={$_('forum_list.title')}
+	>
+		{#if $store.loading}
+			<Loader />
+		{/if}
+		{#if $store.error}
+			<ErrorBlock message={$_('forum_list.error.unavailable')} />
+		{/if}
+		{#if forums}
+			<ForumList {forums} />
+		{/if}
+	</nav>
 	<Footer />
 {/if}
-
-<style>
-	nav {
-		grid-column: col-start 1;
-		grid-row: 2;
-		border-right: 1px solid black;
-	}
-</style>