From 69f842d91fae3c540eaf3136010f6723d6d709a5 Mon Sep 17 00:00:00 2001
From: rotimi-best <best@classroomio.com>
Date: Tue, 27 Jul 2021 22:59:41 +0300
Subject: [PATCH] Fix layout of courses list page

---
 src/routes/_layout.svelte | 10 ++++++----
 src/routes/courses.svelte | 10 +++++-----
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 525db3fd..46eb12b5 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -19,10 +19,12 @@
   {#if !['login', 'signup'].includes($page.path.replace('/', ''))}
     <Navigation {segment} />
   {/if}
-  <slot />
-  {#if $page.path.includes('courses')}
-    <Apps />
-  {/if}
+  <div class="flex justify-between">
+    <slot />
+    {#if $page.path.includes('courses')}
+      <Apps />
+    {/if}
+  </div>
 </main>
 
 <Footer />
diff --git a/src/routes/courses.svelte b/src/routes/courses.svelte
index 25938bcc..cacda516 100644
--- a/src/routes/courses.svelte
+++ b/src/routes/courses.svelte
@@ -1,12 +1,12 @@
 <script>
-  import { stores } from "@sapper/app";
-  import PageNav from "../components/PageNav/index.svelte";
-  import Courses from "../components/Courses/index.svelte";
+  import { stores } from '@sapper/app';
+  import PageNav from '../components/PageNav/index.svelte';
+  import Courses from '../components/Courses/index.svelte';
 
   const { page } = stores();
-  let tab = "";
+  let tab = '';
 
-  $: tab = $page.query.tab || "mine";
+  $: tab = $page.query.tab || 'mine';
 </script>
 
 <svelte:head>