fix filters height and disable line wrap & config multiselect

src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue

@@ -146,22 +146,13 @@
           v-model="form.type"
           :options="featureTypeOptions"
           :multiple="true"
+          :searchable="false"
+          :close-on-select="false"
+          :show-labels="false"
+          placeholder="Sélectionner un type"
           track-by="value"
           label="name"
-        >
-          <template slot="clear">
-            <div
-              v-if="form.type"
-              class="multiselect__clear"
-              @click.prevent.stop="form.type = ''"
-            >
-              <i
-                class="close icon"
-                aria-hidden="true"
-              />
-            </div>
-          </template>
-        </Multiselect>
+        />
       </div>
       <div
         id="statut"
@@ -170,24 +161,15 @@
         <label>Statut</label>
         <Multiselect
           v-model="form.status"
-          :options="filteredStatusChoices"
+          :options="statusOptions"
           :multiple="true"
+          :searchable="false"
+          :close-on-select="false"
+          :show-labels="false"
+          placeholder="Sélectionner un statut"
           track-by="value"
           label="name"
-        >
-          <template slot="clear">
-            <div
-              v-if="form.status"
-              class="multiselect__clear"
-              @click.prevent.stop="form.status = ''"
-            >
-              <i
-                class="close icon"
-                aria-hidden="true"
-              />
-            </div>
-          </template>
-        </Multiselect>
+        />
       </div>
       <div
         id="name"
@@ -318,7 +300,7 @@ export default {
     featureTypeOptions() {
       return this.feature_types.map((el) => ({ name: el.title, value: el.slug }));
     },
-    filteredStatusChoices() {
+    statusOptions() {
       //* if project is not moderate, remove pending status
       return statusChoices.filter((el) =>
         this.project && this.project.moderation ? true : el.value !== 'pending'
@@ -430,6 +412,9 @@ export default {
 
 #form-filters {
   margin: 0;
+  label + div {
+    min-height: 42px;
+  }
 }
 
 .ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
@@ -479,3 +464,9 @@ export default {
   }
 }
 </style>
+
+<style>
+#form-filters .multiselect__tags {
+  white-space: normal !important;
+}
+</style>
\ No newline at end of file