Fix WideScreens

src/components/TypeAheadSearch.svelte

@@ -18,10 +18,9 @@
     }
 </script>
 
-
 <Search bind:value={searchValue} on:focus={() => focus = true} on:keydown={() => focus = true}/>
 {#if (openDropdown)}
-    <Dropdown class="z-10" open>
+    <Dropdown open class="z-10">
         {#each filteredItems as item}
             <DropdownItem on:click={() => selectItem(item)}>
                 {item.name}

src/pages/Home.svelte

@@ -50,7 +50,7 @@
     </Button>
 
     <h1 class="text-3xl mt-4 ml-4">Upcoming</h1>
-    <div class="grid gap-4 p-4 border-b mx-4" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+    <div class="grid gap-4 p-4 border-b" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
         {#each data.filter((e) => e.start > millis) as event}
             <EventCard {event} />
         {/each}