Fix basket quantity update element design.

ecommerce/static/sass/partials/views/_basket.scss

@@ -409,6 +409,30 @@
                 margin: 0;
             }
 
+            .quantity-group {
+                padding-left: 0;
+            }
+
+            .quantity-label {
+                display: inline-block;
+                padding-right: 10px;
+            }
+
+            .checkout-quantity {
+                display: inline-block;
+            }
+
+            .spinner {
+                width: 70px;
+                float: left;
+                padding-right: 10px;
+            }
+
+            .quantity-update {
+                width: 80px;
+                float:left;
+            }
+
             fieldset > legend {
                 padding-top: 20px;
             }
@@ -464,6 +488,8 @@
                 padding: 0;
 
                 .product-image {
+                    padding-left: 0;
+
                     img {
                         width: 100%;
                         max-width: 150px;
@@ -472,6 +498,8 @@
                 }
 
                 .product-information {
+                    padding-left: 0;
+
                     .product-name {
                         margin-bottom: 0;
                         font-weight: bold;
@@ -548,7 +576,7 @@
             border-left: none;
         }
 
-        #summary #basket-information .product {
+        #summary .product {
             .product-image {
                 img {
                     max-width: 100%;

ecommerce/templates/oscar/basket/partials/client_side_checkout_basket.html

@@ -30,13 +30,13 @@
                     {% endif %}
                 </div>
                 {% if line_data.enrollment_code %}
-                    <div class="col-sm-12 col-xs-12 form-inline">
-                        <label class="product-price-label text-muted">{% trans 'Quantity' %}</label>
+                    <div class="col-sm-12 col-xs-12 form-inline quantity-group">
+                        <label class="product-price-label text-muted quantity-label">{% trans 'Quantity' %}</label>
                         <div class="checkout-quantity form-group">
-                            <div class="input-group spinner col-sm-3 {% if form.errors %}error{% endif %}">
+                            <div class="input-group spinner {% if form.errors %}error{% endif %}">
                                 {% render_field form.quantity class+="quantity form-control" min=min_seat_quantity %}
                             </div>
-                            <button class="btn btn-primary update-button" type="submit"
+                            <button class="btn btn-primary update-button quantity-update" type="submit"
                                     data-loading-text="{% trans 'Updating...' %}">{% trans "Update" %}</button>
                         </div>
                     </div>