add SearchInput component with icon

src/pages/library/LibraryOptions.vue

@@ -61,16 +61,7 @@
     </b-form-group>
 
     <!-- LIST + MAP ONLY -->
-    <b-form-group
-      v-if="mode !== 'tree'"
-      :label="$t('options.search.title')"
-    >
-      <b-input-group append="search-icon">
-        <b-form-input
-          v-model="activeSearch" id="search-input" trim
-        />
-      </b-input-group>
-    </b-form-group>
+    <search-input v-if="mode !== 'tree'" v-model="activeSearch" />
 
     <!-- TREE ONLY -->
     <b-form-group
@@ -91,13 +82,14 @@
 <script>
 import { mapGetters } from 'vuex'
 
-import MultipleTagsSelect from '@/components/formItems/MultipleTagsSelect'
+import { MultipleTagsSelect, SearchInput } from '@/components/formItems'
 
 export default {
   name: 'LibraryOptions',
 
   components: {
-    MultipleTagsSelect
+    MultipleTagsSelect,
+    SearchInput
   },
 
   data () {
@@ -279,17 +271,6 @@ export default {
         }
       }
     }
-
-    .form-control[type='text'] {
-      border-color: $black;
-      border-right: 0;
-      height: calc(1.75em + #{2 * $border-width});
-    }
-
-    .input-group-text {
-      border-color: $black;
-      background-color: transparent;
-    }
   }
 }
 </style>