Inline mutliselect search input for multiple elements

src/components/input/multiselect.vue

@@ -4,7 +4,7 @@
 		:class="{'has-search-results': searchResultsVisible}"
 		ref="multiselectRoot"
 	>
-		<div class="input-wrapper input">
+		<div class="input-wrapper input" :class="{'has-multiple': multiple}">
 			<template v-if="Array.isArray(internalValue)">
 				<template v-for="(item, key) in internalValue">
 					<slot name="tag" :item="item">

src/styles/components/base/multiselect.scss

@@ -40,6 +40,14 @@
 			}
 		}
 
+		&.has-multiple .input-loader-wrapper {
+			max-width: 250px;
+
+			input {
+				padding-left: 0;
+			}
+		}
+
 		&:focus-within {
 			border-color: $primary !important;
 			background: $white !important;
@@ -110,11 +118,12 @@
 		position: relative;
 
 		&:not(:first-child) {
-			margin-left: -1.75rem;
+			margin-left: -1.5rem;
 		}
 
 		.user img {
 			border: 2px solid $white;
+			margin-right: 0;
 		}
 
 		.remove-assignee {