feat: put product details in card

static/components/customer-stall/customer-stall.html

@@ -1,5 +1,5 @@
 <div>
-  <q-toolbar>
+  <!-- <q-toolbar>
 
     <q-toolbar-title></q-toolbar-title>
     <chat-dialog v-if="this.customerPrivkey || this.customerUseExtension" :account="account ? account : dropIn"
@@ -8,9 +8,17 @@
       @remove-from-cart="removeFromCart" @update-qty="updateQty" @reset-cart="resetCart"
       @open-checkout="openCheckout"></shopping-cart>
   </q-toolbar>
+   -->
   <div class="row">
-    <product-detail class="col-12" v-if="productDetail && product" :product="product"
+    <div class="col-12 auto-width" v-if="productDetail && product">
-      @add-to-cart="addToCart"></product-detail>
+      <q-card>
+        <q-card-section>
+          <product-detail :product="product" @add-to-cart="addToCart"></product-detail>
+
+        </q-card-section>
+      </q-card>
+    </div>
+
     <div class="col-12 q-my-lg">
       <q-separator></q-separator>
     </div>

static/components/customer-stall/customer-stall.js

@@ -129,7 +129,7 @@ async function customerStall(path) {
         }
         this.$q.notify({
           type: 'positive',
-          message: `${item.name} added to cart`,
+          message: `'${item.name}' added to cart`,
           icon: 'thumb_up'
         })
         this.cart.products = prod