Fixed search bar, changed name of button and removed a warning

joshniemela · Aug 18, 2024 · c6dc41c · c6dc41c
1 parent ee50f44
commit c6dc41c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/frontend/src/components/BigCheckbox.svelte b/frontend/src/components/BigCheckbox.svelte
@@ -9,15 +9,16 @@
 </script>
 
 <div class="flex flex-col w-full text-sm md:text-base">
-    <div
+    <button
+        type="button"
         class="bg-kuRed text-white text-center px-2 py-1"
         on:click="{() => (show = !show)}"
     >
         <h2>
             {show ? "Hide" : "Show"}
             {header_name}s {selected.length ? `(${selected.length})` : ""}
         </h2>
-    </div>
+    </button>
 
     <div class="flex flex-col {show ? 'visible' : 'hidden'}">
         <button

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
@@ -201,12 +201,17 @@
         <h1 class="text-brand-500 text-4xl font-bold -mb-4">KU Courses 2.0</h1>
         <ChangelogButton />
         <div>
-            <input type="text" placeholder="Search" bind:value="{search}" />
+            <input
+                class="p-2 border-2 border-kuGray"
+                type="text"
+                placeholder="Search"
+                bind:value="{search}"
+            />
             <button
-                class="bg-kuRed text-white p-2"
+                class="bg-kuRed text-white p-2 border-2 border-kuRed"
                 on:click="{() => (search = '')}"
             >
-                Clear search
+                Clear text
             </button>
         </div>
         <div>