removes select-box minWidth property

Using css offers more flexibility

app/assets/javascripts/discourse/components/select-box.js.es6

@@ -41,7 +41,6 @@ export default Ember.Component.extend({
   selectBoxHeaderComponent: "select-box/select-box-header",
   selectBoxCollectionComponent: "select-box/select-box-collection",
 
-  minWidth: 220,
   collectionHeight: 200,
   verticalOffset: 0,
   horizontalOffset: 0,
@@ -167,8 +166,6 @@ export default Ember.Component.extend({
       this._removeFixedPosition();
     }
 
-    this.$().css("min-width", this.get("minWidth"));
-
     const computedWidth = this.$().outerWidth(false);
     const computedHeight = this.$().outerHeight(false);
 

app/assets/javascripts/discourse/components/topic-notifications.js.es6

@@ -16,8 +16,6 @@ export default DropdownSelectBoxComponent.extend({
   showFullTitle: true,
   fullWidthOnMobile: true,
 
-  minWidth: "auto",
-
   @on("init")
   _setInitialNotificationLevel() {
     this.set("value", this.get("topic.details.notification_level"));

app/assets/stylesheets/common/components/select-box.scss

@@ -9,6 +9,7 @@
           flex-direction: column;
   position: relative;
   height: 34px;
+  min-width: 220px;
 
   &.small {
     height: 28px;