From fd2b87e36b6a0a380d2c84fd983f09b9d6d23b0d Mon Sep 17 00:00:00 2001
From: Zak Timson <zaktimson@gmail.com>
Date: Tue, 6 Nov 2018 19:44:54 -0500
Subject: [PATCH] Cart styling

---
 src/app/store/cart/cart.component.html | 64 +++++++++++++-------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/src/app/store/cart/cart.component.html b/src/app/store/cart/cart.component.html
index b8c0dc0..8b2920a 100644
--- a/src/app/store/cart/cart.component.html
+++ b/src/app/store/cart/cart.component.html
@@ -1,31 +1,33 @@
-<div class="container">
-  <mat-card class="w-100 my-5" style="overflow: hidden">
-    <table class="table">
-      <thead>
-        <tr>
-          <th>No.</th>
-          <th>Item</th>
-          <th>Quantity</th>
-          <th>Cost</th>
-          <th></th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr *ngFor="let item of app.cart; let i = index">
-          <td>{{i + 1}}</td>
-          <td>
-            <a [routerLink]="['/products', item.item]">{{item.item}}</a>
-          </td>
-          <td>{{item.quantity}}</td>
-          <td>{{item.currency}} {{item.price | currency}}</td>
-          <td (click)="app.cartRemove(i)" style="width: 50px">
-            <button mat-icon-button>
-              <mat-icon>delete</mat-icon>
-            </button>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-    <div id="paypal-button" class="float-right mt-3"></div>
-  </mat-card>
-</div>
\ No newline at end of file
+<div class="container-fuild bg-white">
+    <div class="container py-5">
+        <mat-card class="w-100" style="overflow: hidden">
+            <table class="table">
+                <thead>
+                <tr>
+                    <th>No.</th>
+                    <th>Item</th>
+                    <th>Quantity</th>
+                    <th>Cost</th>
+                    <th></th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr *ngFor="let item of app.cart; let i = index">
+                    <td>{{i + 1}}</td>
+                    <td>
+                        <a [routerLink]="['/products', item.item]">{{item.item}}</a>
+                    </td>
+                    <td>{{item.quantity}}</td>
+                    <td>{{item.currency}} {{item.price | currency}}</td>
+                    <td (click)="app.cartRemove(i)" style="width: 50px">
+                        <button mat-icon-button>
+                            <mat-icon>delete</mat-icon>
+                        </button>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <div id="paypal-button" class="float-right mt-3"></div>
+        </mat-card>
+    </div>
+</div>