fix tagsinput to look like bs5 inputs

public/scss/admin/admin.scss

@@ -75,11 +75,6 @@ body {
 		background: $primary !important;
 	}
 
-	.user-img {
-		width:24px;
-		height:24px;
-	}
-
 	.nodebb-logo {
 		img {
 			height: 31px;
@@ -177,6 +172,22 @@ body {
 	.ui-autocomplete {
 		z-index: $zindex-popover;
 	}
+
+	.bootstrap-tagsinput {
+		width: 100%;
+		border: 0;
+		box-shadow: none;
+		padding-left: 0;
+
+		input {
+			width: 100%;
+			margin-left: 1px;
+			margin-top: 9px;
+			border-bottom: 1px dotted #ccc !important;
+			padding-bottom: 5px;
+			padding-left: 0;
+		}
+	}
 }
 
 // Allowing text to the right of an image-type brand

public/scss/admin/settings.scss

@@ -17,20 +17,4 @@
 			}
 		}
 	}
-
-	.bootstrap-tagsinput {
-		width: 100%;
-		border: 0;
-		box-shadow: none;
-		padding-left: 0;
-
-		input {
-			width: 100%;
-			margin-left: 1px;
-			margin-top: 9px;
-			border-bottom: 1px dotted #ccc !important;
-			padding-bottom: 5px;
-			padding-left: 0;
-		}
-	}
 }

public/scss/generics.scss

@@ -29,6 +29,18 @@
 	min-height: 200px;
 }
 
+.bootstrap-tagsinput {
+	background-color: $input-bg;
+	padding: $input-padding-y $input-padding-x;
+	width: 100%;
+	input {
+		&::placeholder{
+			color: $input-placeholder-color;
+		}
+		color: $input-color;
+	}
+}
+
 .category-list {
 	padding: 0;
 

src/meta/css.js

@@ -28,12 +28,12 @@ const buildImports = {
 		return [
 			'@import "mixins";',
 			'@import "fontawesome";',
+			'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
 			boostrapImport(themeData),
 			'@import "generics";',
 			'@import "responsive-utilities";',
 			source,
 			'@import "jquery-ui";',
-			'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
 			'@import "cropperjs/dist/cropper";',
 			'@import "client";',
 		].join('\n');
@@ -45,13 +45,13 @@ const buildImports = {
 			'@import "bootstrap/scss/bootstrap";',
 			'@import "bootswatch/dist/materia/bootswatch";',
 			'@import "mixins";',
+			'@import "fontawesome";',
+			'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
 			'@import "generics";',
 			'@import "responsive-utilities";',
-			'@import "fontawesome";',
 			'@import "admin/admin";',
 			source,
 			'@import "jquery-ui";',
-			'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
 			'@import "../public/vendor/mdl/material";',
 		].join('\n');
 	},