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/ProductDetail.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

(limited to 'iridescence/src/components/ProductDetail.vue')

diff --git a/iridescence/src/components/ProductDetail.vue b/iridescence/src/components/ProductDetail.vue
index 430d78b..6aeb68c 100644
--- a/iridescence/src/components/ProductDetail.vue
+++ b/iridescence/src/components/ProductDetail.vue
@@ -38,33 +38,44 @@
                 <p class="subtitle">{{ stock }}</p>
                 <div v-if="inCart" 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 is-medium"
+                    >
                       {{ inCart }} in cart
                     </a>
                   </p>
                   <div class="control">
                     <a
                       @click="incrementCartQuantity(-1)"
-                      class="button is-info is-outlined"
+                      class="button is-info is-medium"
                     >
-                      -
+                      <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 is-medium"
                     >
-                      +
+                      <span
+                        class="iconify-inline"
+                        data-icon="mdi-cart-plus"
+                      ></span>
                     </a>
                   </div>
                 </div>
                 <button
                   v-else
                   @click="incrementCartQuantity(1)"
-                  class="button is-primary is-fullwidth"
+                  class="button is-success is-fullwidth is-rounded is-medium"
                 >
-                  Add to Cart
+                  <span
+                    class="iconify-inline"
+                    data-icon="mdi-cart-arrow-down"
+                  ></span>
                 </button>
               </div>
             </div>
-- 
cgit v1.2.3