Move the "Total" div out of the for loop so it only appears once in the cart

src/WebRazorPages/Pages/Basket/Index.cshtml

@@ -23,7 +23,7 @@
                 <section class="esh-basket-title col-xs-2">Cost</section>
             </article>
             <div class="esh-catalog-items row">
-                @for (int i=0; i< Model.BasketModel.Items.Count; i++)
+                @for (int i = 0; i < Model.BasketModel.Items.Count; i++)
                 {
                     var item = Model.BasketModel.Items[i];
                     <article class="esh-basket-items row">
@@ -47,6 +47,8 @@
                 @item.ProductId
             </div>*@
 
+                }
+
                 <div class="container">
                     <article class="esh-basket-titles esh-basket-titles--clean row">
                         <section class="esh-basket-title col-xs-10"></section>
@@ -65,10 +67,12 @@
                         </section>
                     </article>
                 </div>
-                }
+
                 <section class="esh-basket-item col-xs-push-8 col-xs-4">
                     <button class="btn esh-basket-checkout" name="updatebutton" value="" type="submit"
-                            asp-page-handler="Update">[ Update ]</button>
+                            asp-page-handler="Update">
+                        [ Update ]
+                    </button>
                     <input type="submit" asp-page="Checkout"
                            class="btn esh-basket-checkout"
                            value="[ Checkout ]" name="action" />