From 9c671bce870ece5486fb2eb0e1bc1ce2ad3de5ef Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Wed, 4 Oct 2023 10:26:11 +0100
Subject: [PATCH] CLASSROOMIO-T-190: Improve template experience

---
 .../components/Lesson/Exercises/NewExerciseModal.svelte    | 7 +++----
 src/lib/components/Modal/index.svelte                      | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/Course/components/Lesson/Exercises/NewExerciseModal.svelte b/src/lib/components/Course/components/Lesson/Exercises/NewExerciseModal.svelte
index 2e1c0cd0..91d62951 100644
--- a/src/lib/components/Course/components/Lesson/Exercises/NewExerciseModal.svelte
+++ b/src/lib/components/Course/components/Lesson/Exercises/NewExerciseModal.svelte
@@ -21,8 +21,8 @@
     AI = 2
   }
 
-  let step = 1;
-  let type: Type = Type.TEMPLATE;
+  let step = 0;
+  let type: Type = Type.SCRATCH;
 
   const options = [
     {
@@ -132,8 +132,7 @@
           <div class="mb-5 flex items-center gap-2">
             {#each tags as tag}
               <Tag
-                type={selectedTag === tag ? undefined : 'outline'}
-                class={selectedTag === tag ? 'bg-primary-500 text-white dark:text-black' : ''}
+                type={selectedTag === tag ? 'cool-gray' : 'outline'}
                 interactive
                 on:click={() => {
                   selectedTag = tag;
diff --git a/src/lib/components/Modal/index.svelte b/src/lib/components/Modal/index.svelte
index 69c18a99..91274b68 100644
--- a/src/lib/components/Modal/index.svelte
+++ b/src/lib/components/Modal/index.svelte
@@ -36,9 +36,9 @@
       role="presentation"
     >
       <div class="flex items-center justify-between mb-4">
-        <h3 class="dark:text-white text-md font-medium m-0">
+        <p class="dark:text-white text-md font-medium m-0">
           {modalHeading}
-        </h3>
+        </p>
         <div class="rounded-full">
           <CloseButton onClick={onClose} contained={true} size="small" />
         </div>