hover state for filter picker

src/FilterPicker.svelte

@@ -27,7 +27,7 @@
   }
 
   function add(f) {
-		addNode(f, "filter");
+    addNode(f, "filter");
   }
 
   function update() {
@@ -49,7 +49,12 @@
 
 <div class="holder">
   <div class="search">
-    <input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button on:click={() => {reset(); update();}}>X</button>
+    <input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button
+      on:click={() => {
+        reset();
+        update();
+      }}>X</button
+    >
     <select on:change={reset} bind:value={select}>
       <option value="video">Video Filters</option>
       <option value="audio">Audio Filters</option>
@@ -78,13 +83,13 @@
     justify-content: stretch;
   }
   input {
-		width: 100%;
+    width: 100%;
     flex: 1;
   }
-	button {
-	margin-left: 1px;
-	margin-right: 10px;
-	}
+  button {
+    margin-left: 1px;
+    margin-right: 10px;
+  }
   .type {
     color: #999;
     font-size: 0.8em;
@@ -95,6 +100,11 @@
     padding: 10px 0px;
     cursor: pointer;
   }
+
+  .filter:hover {
+    background-color: var(--b2);
+  }
+
   .all-filters {
     flex: 1;
     overflow: scroll;