2 files changed, 57 insertions, 54 deletions
diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index e31a109..c99d714 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -1,60 +1,63 @@
 <template>
-  <article class="media" id="cartItem">
-    <figure class="media-left">
-      <p class="image is-64x64">
-        <img :src="thumbnail" :title="product.name" />
-      </p>
-    </figure>
-    <div class="media-content">
-      <nav class="level">
-        <div class="level-left">
-          <div class="level-item">
-            <div class="content">
-              <strong>
-                <p>
-                  {{ product.name }}
-                </p>
-              </strong>
+  <div>
+    <hr />
+    <article class="media" id="cartItem">
+      <figure class="media-left">
+        <p class="image is-64x64">
+          <img :src="thumbnail" :title="product.name" />
+        </p>
+      </figure>
+      <div class="media-content">
+        <nav class="level">
+          <div class="level-left">
+            <div class="level-item">
+              <div class="content">
+                <strong>
+                  <p>
+                    {{ product.name }}
+                  </p>
+                </strong>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="level-right">
-          <div class="level-item">Subtotal: {{ dollars }}</div>
-          <div class="level-item">
-            <div class="field has-addons">
-              <p class="control is-expanded">
-                <a class="button is-static is-fullwidth">
-                  {{ inCart }} in cart
-                </a>
-              </p>
-              <div class="control">
-                <a
-                  @click="incrementCartQuantity(-1)"
-                  class="button is-info is-outlined"
-                >
-                  -
-                </a>
-              </div>
-              <div class="control">
-                <a
-                  @click="incrementCartQuantity(1)"
-                  class="button is-info is-outlined"
-                >
-                  +
-                </a>
+          <div class="level-right">
+            <div class="level-item">Subtotal: {{ dollars }}</div>
+            <div class="level-item">
+              <div class="field has-addons">
+                <p class="control is-expanded">
+                  <a class="button is-static is-fullwidth">
+                    {{ inCart }} in cart
+                  </a>
+                </p>
+                <div class="control">
+                  <a
+                    @click="incrementCartQuantity(-1)"
+                    class="button is-info is-outlined"
+                  >
+                    -
+                  </a>
+                </div>
+                <div class="control">
+                  <a
+                    @click="incrementCartQuantity(1)"
+                    class="button is-info is-outlined"
+                  >
+                    +
+                  </a>
+                </div>
               </div>
             </div>
-          </div>
 
-          <div class="level-item">
-            <button class="button is-outlined is-danger" @click="removeAll">
-              Remove
-            </button>
+            <div class="level-item">
+              <button class="button is-outlined is-danger" @click="removeAll">
+                Remove
+              </button>
+            </div>
           </div>
-        </div>
-      </nav>
-    </div>
-  </article>
+        </nav>
+      </div>
+    </article>
+  </div>
 </template>
 
 <script>
diff --git a/iridescence/src/components/cart/Totals.vue b/iridescence/src/components/cart/Totals.vue
index 7b95462..b679207 100644
--- a/iridescence/src/components/cart/Totals.vue
+++ b/iridescence/src/components/cart/Totals.vue
@@ -3,10 +3,10 @@
     <h1 class="subtitle has-text-centered">
       Summary
     </h1>
-    <h1 class="title has-text-centered">
-      {{ cartTotal }}
-    </h1>
-    <router-link to="/checkout" class="button is-primary">
+    <hr />
+
+    <h1 class="title has-text-centered">Total: {{ cartTotal }}</h1>
+    <router-link to="/checkout" class="button is-primary is-fullwidth">
       Checkout
     </router-link>
   </div>