1 files changed, 48 insertions, 58 deletions
diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index 0d26f4e..20ddec8 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -1,69 +1,59 @@
 <template>
   <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>
+    <nav class="level">
+      <div class="level-left">
+        <div class="level-item">
+          <p class="image is-64x64">
+            <img :src="thumbnail" :title="product.name" />
+          </p>
+        </div>
+        <div class="level-item">
+          <div class="content">
+            <strong>
+              <p>
+                {{ product.name }}
+              </p>
+            </strong>
           </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 is-rounded">
-                    {{ inCart }} in cart
-                  </a>
-                </p>
-                <div class="control">
-                  <a
-                    @click="incrementCartQuantity(-1)"
-                    class="button is-info is-rounded"
-                  >
-                    <span
-                      class="iconify-inline"
-                      data-icon="mdi-cart-minus"
-                    ></span>
-                  </a>
-                </div>
-                <div class="control">
-                  <a
-                    @click="incrementCartQuantity(1)"
-                    class="button is-info is-rounded"
-                  >
-                    <span
-                      class="iconify-inline"
-                      data-icon="mdi-cart-plus"
-                    ></span>
-                  </a>
-                </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 is-rounded">
+                {{ inCart }} in cart
+              </a>
+            </p>
+            <div class="control">
+              <a
+                @click="incrementCartQuantity(-1)"
+                class="button is-info is-rounded"
+              >
+                <span class="iconify-inline" data-icon="mdi-cart-minus"></span>
+              </a>
             </div>
-
-            <div class="level-item">
-              <button class="button is-danger is-rounded" @click="removeAll">
-                <span class="iconify-inline" data-icon="mdi-cart-remove"></span>
-                <span>Remove All</span>
-              </button>
+            <div class="control">
+              <a
+                @click="incrementCartQuantity(1)"
+                class="button is-info is-rounded"
+              >
+                <span class="iconify-inline" data-icon="mdi-cart-plus"></span>
+              </a>
             </div>
           </div>
-        </nav>
+        </div>
+
+        <div class="level-item">
+          <button class="button is-danger is-rounded" @click="removeAll">
+            <span class="iconify-inline" data-icon="mdi-cart-remove"></span>
+            <span>Remove</span>
+          </button>
+        </div>
       </div>
-    </article>
+    </nav>
   </div>
 </template>