Merge pull request #2450 from v1kku/fix/product-select-width

Add a css class to set the ProductSelect widget width

src/oscar/apps/dashboard/catalogue/forms.py

             'recommendation': ProductSelect,
         }
 
-    def __init__(self, *args, **kwargs):
-        super(ProductRecommendationForm, self).__init__(*args, **kwargs)
-        self.fields['recommendation'].widget.attrs['class'] = "select2"
-
 
 class ProductClassForm(forms.ModelForm):
 

src/oscar/apps/dashboard/catalogue/widgets.py

     # AjaxSelect(data_url=...) for overridability and backwards compatibility
     lookup_url = reverse_lazy('dashboard:catalogue-product-lookup')
 
+    def __init__(self, *args, **kwargs):
+        super(ProductSelect, self).__init__(*args, **kwargs)
+        self.attrs['class'] = 'select2 product-select'
+
 
 class ProductSelectMultiple(MultipleRemoteSelect):
     # Implemented as separate class instead of just calling

src/oscar/apps/dashboard/promotions/forms.py

         fields = ['name', 'product', 'description']
         widgets = {'product': ProductSelect}
 
-    def __init__(self, *args, **kwargs):
-        super(SingleProductForm, self).__init__(*args, **kwargs)
-        self.fields['product'].widget.attrs['class'] = "select2 input-xlarge"
-
 
 class HandPickedProductListForm(forms.ModelForm):
     class Meta:
             'product': ProductSelect,
         }
 
-    def __init__(self, *args, **kwargs):
-        super(OrderedProductForm, self).__init__(*args, **kwargs)
-        self.fields['product'].widget.attrs['class'] = "select2 input-xlarge"
-
 
 class PagePromotionForm(forms.ModelForm):
     page_url = ExtendedURLField(label=_("URL"))

src/oscar/static/oscar/css/dashboard.css

 .navbar-form .control-group {
   margin-right: 10px;
 }
+.navbar-form .product-select {
+  width: 270px;
+}
 .navbar-form .help-block,
 .navbar-form .error-block {
   display: inline-block;
 .form-inline .control-group {
   margin-right: 10px;
 }
+.form-inline .product-select {
+  width: 270px;
+}
 .create-page .form-horizontal input[type=text],
 .create-page .form-stacked input[type=text],
 .create-page .form-horizontal input[type=number],

src/oscar/static/oscar/less/dashboard/forms.less

   .control-group {
     margin-right: 10px;
   }
+  .product-select{
+    width: 270px;
+  }
 }
 
 .create-page {