improve type filter selection

src/components/Filter.vue

@@ -81,19 +81,24 @@ export default {
 
 <template>
   <form class="mr-4 mt-4">
+    <fieldset class="flex flex-row mb-4">
+      <legend>Kategorie</legend>
       <select
-      class="w-40"
+        class="w-40 p-2 bg-background-100 rounded-lg"
         v-model="paperFilter.type">
         <option
           v-for="(type, i) of paperTypes"
           :key="i"
+          :value="type"
           >{{ type.value }}
         </option>
       </select>
-    <select 
-      class="w-40"
-      v-model="paperFilter.originator">
-      <option v-for="(originator, i) of paperOriginators" :key="i">{{ originator }}</option>
-    </select>
+      <button 
+        class="pl-2"
+        @click.prevent="paperFilter.type = { key: '', value: ''}"
+        title="zurücksetzen"
+        >✖
+      </button>
+    </fieldset>
   </form>
 </template>