From ba965367090f183d62490c6a5e4d5ef5ea654dad Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Fri, 18 Dec 2020 17:09:30 -0500
Subject: icons everywhere, also finalized checkout form

---
 iridescence/src/components/cart/CartItem.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

(limited to 'iridescence/src/components/cart/CartItem.vue')

diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index c99d714..0d26f4e 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -25,32 +25,39 @@
             <div class="level-item">
               <div class="field has-addons">
                 <p class="control is-expanded">
-                  <a class="button is-static is-fullwidth">
+                  <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-outlined"
+                    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-outlined"
+                    class="button is-info is-rounded"
                   >
-                    +
+                    <span
+                      class="iconify-inline"
+                      data-icon="mdi-cart-plus"
+                    ></span>
                   </a>
                 </div>
               </div>
             </div>
 
             <div class="level-item">
-              <button class="button is-outlined is-danger" @click="removeAll">
-                Remove
+              <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>
           </div>
-- 
cgit v1.2.3

