DEV: Move some autocomplete input styling to SCSS (#8381)

app/assets/javascripts/discourse/lib/autocomplete.js.es6

@@ -212,11 +212,9 @@ export default function(options) {
     }
 
     if (options.single && !options.width) {
-      this.css("width", "100%");
+      this.attr("class", `${this.attr("class")} fullwidth-input`);
     } else if (options.width) {
       this.css("width", options.width);
-    } else {
-      this.width(150);
     }
 
     this.attr(

app/assets/stylesheets/common/base/compose.scss

@@ -437,6 +437,9 @@ div.ac-wrap {
     margin: 0;
     background: transparent;
     min-height: unset;
+    &.fullwidth-input {
+      width: 100%;
+    }
   }
 }
 

app/assets/stylesheets/desktop/compose.scss

@@ -15,6 +15,10 @@
     width: 404px;
   }
 
+  .item + #private-message-users {
+    width: 150px;
+  }
+
   .select-kit.is-expanded {
     z-index: z("composer", "dropdown") + 1;
   }