Fix html

Author: Piszmog

components/filter.templ

@@ -5,7 +5,7 @@ import (
 )
 
 templ filter() {
-	<div class="ml-3 mr-3 mt-3 flex items-center space-x-2">
+	<form class="ml-3 mr-3 mt-3 flex items-center space-x-2">
 		<div class="w-full">
 			<label for="company" class="block text-sm font-medium leading-6 text-gray-900">Company</label>
 			<div class="mt-2">
@@ -23,5 +23,11 @@ templ filter() {
             Label: "Status",
             Options: types.JobApplicationStatusSelectOptions,
         })
-	</div>
+		<button
+ 			type="submit"
+ 			class="rounded-md bg-blue-600 mt-8 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
+		>
+			Filter
+		</button>
+	</form>
 }

components/jobs.templ

@@ -9,6 +9,7 @@ import (
 )
 
 templ jobs(jobs []types.JobApplication) {
+	@filter()
 	<ul role="list" class="divide-y divide-gray-100 px-4 py-5 sm:px-6">
 		for _, j := range jobs {
 			<li class="flex items-center justify-between gap-x-6 py-5">