Fix "Total box" alignment on both websites

Author: Quique Fernandez

src/Web/WebMVC/Views/Order/Create.cshtml

@@ -81,9 +81,9 @@
 
         <section class="esh-orders_new-section">
             <div class="form-group">
-                <div class="col-md-8">
+                <div class="col-md-9">
                 </div>
-                <div class="col-md-4">
+                <div class="col-md-2">
                     <input type="submit" value="[ Place Order ]" name="action" class="btn esh-orders_new-placeOrder" />
                 </div>
             </div>

src/Web/WebMVC/Views/Order/Detail.cshtml

@@ -46,7 +46,7 @@
 
         <section class="esh-orders_detail-section">
             <article class="esh-orders_detail-titles row">
-                <section class="esh-orders_detail-title col-xs-12">Order details</section>
+                <section class="esh-orders_detail-title col-xs-12">ORDER DETAILS</section>
             </article>
 
             @for (int i = 0; i < Model.OrderItems.Count; i++)
@@ -66,12 +66,12 @@
 
         <section class="esh-orders_detail-section esh-orders_detail-section--right">
             <article class="esh-orders_detail-titles esh-basket-titles--clean row">
-                <section class="esh-orders_detail-title col-xs-10"></section>
-                <section class="esh-orders_detail-title col-xs-2">Total</section>
+                <section class="esh-orders_detail-title col-xs-9"></section>
+                <section class="esh-orders_detail-title col-xs-2">TOTAL</section>
             </article>
 
             <article class="esh-orders_detail-items row">
-                <section class="esh-orders_detail-item col-xs-10"></section>
+                <section class="esh-orders_detail-item col-xs-9"></section>
                 <section class="esh-orders_detail-item esh-orders_detail-item--mark col-xs-2">$ @Model.Total</section>
             </article>
         </section>

src/Web/WebMVC/Views/Order/_OrderItems.cshtml

@@ -34,12 +34,12 @@
 
 <section class="esh-orders_new-section esh-orders_new-section--right">
     <article class="esh-orders_new-titles row">
-        <section class="esh-orders_new-title col-xs-10"></section>
+        <section class="esh-orders_new-title col-xs-9"></section>
         <section class="esh-orders_new-title col-xs-2">Total</section>
     </article>
 
     <article class="esh-orders_new-items row">
-        <section class="esh-orders_new-item col-xs-10"></section>
+        <section class="esh-orders_new-item col-xs-9"></section>
         <section class="esh-orders_new-item esh-orders_new-item--mark col-xs-2">
             $ @Model.Total
             <input type="hidden" value="@Model.Total" name="Total"/>

src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.component.html

@@ -31,18 +31,18 @@
 
     <div class="container">
         <article class="esh-basket-titles esh-basket-titles--clean row">
-            <section class="esh-basket-title col-xs-10"></section>
+            <section class="esh-basket-title col-xs-9"></section>
             <section class="esh-basket-title col-xs-2">Total</section>
         </article>
 
         <article class="esh-basket-items row">
-            <section class="esh-basket-item col-xs-10"></section>
+            <section class="esh-basket-item col-xs-9"></section>
             <section class="esh-basket-item esh-basket-item--mark col-xs-2">$ {{totalPrice}}</section>
         </article>
 
         <article class="esh-basket-items row">
             <section class="esh-basket-item col-xs-9"></section>
-            <section class="esh-basket-item col-xs-3">
+            <section class="esh-basket-item col-xs-2">
                 <div (click)="checkOut($event)" class="btn esh-basket-checkout">[ Checkout ]</div>
             </section>
         </article>

src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.html

@@ -55,12 +55,12 @@
 
         <section class="esh-orders_detail-section esh-orders_detail-section--right">
             <article class="esh-orders_detail-titles esh-basket-titles--clean row">
-                <section class="esh-orders_detail-title col-xs-10"></section>
+                <section class="esh-orders_detail-title col-xs-9"></section>
                 <section class="esh-orders_detail-title col-xs-2">Total</section>
             </article>
 
             <article class="esh-orders_detail-items row">
-                <section class="esh-orders_detail-item col-xs-10"></section>
+                <section class="esh-orders_detail-item col-xs-9"></section>
                 <section class="esh-orders_detail-item esh-orders_detail-item--mark col-xs-2">$ {{order.total}}</section>
             </article>
         </section>

src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.html

@@ -91,12 +91,12 @@ <h4>PAYMENT METHOD</h4>
 
         <section class="esh-orders_new-section esh-orders_new-section--right">
             <article class="esh-orders_new-titles row">
-                <section class="esh-orders_new-title col-xs-10"></section>
+                <section class="esh-orders_new-title col-xs-9"></section>
                 <section class="esh-orders_new-title col-xs-2">Total</section>
             </article>
 
             <article class="esh-orders_new-items row">
-                <section class="esh-orders_new-item col-xs-10"></section>
+                <section class="esh-orders_new-item col-xs-9"></section>
                 <section class="esh-orders_new-item esh-orders_new-item--mark col-xs-2">$ {{order.total}}</section>
             </article>
         </section>