feat: more UI improvements

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

@@ -11,12 +11,7 @@
    -->
   <div v-if="productDetail && product" class="row">
     <div class="col-12 auto-width">
-      <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">

static/components/product-detail/product-detail.html

@@ -1,6 +1,6 @@
 <div class="row q-mt-sm">
   <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
-    <div class="q-pa-md" v-if="product.images && product.images[0]">
+    <div class="q-pr-md" v-if="product.images && product.images[0]">
       <q-carousel
         swipeable
         animated
@@ -10,6 +10,10 @@
         arrows
         transition-prev="slide-right"
         transition-next="slide-left"
+        navigation-icon="radio_button_unchecked"
+        control-type="regular"
+        control-color="secondary"
+        control-text-color="white"
       >
         <q-carousel-slide
           v-for="(img, i) in product.images"
@@ -26,9 +30,11 @@
     </div>
   </div>
   <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
+    <q-card>
+      <q-card-section>
         <div class="row">
           <div
-        class="col-lg-7 col-md-7 col-sm-12 col-xs-12"
+            class="col-12"
             :class="$q.platform.is.desktop ? '' : 'q-px-md'"
           >
             <div class="text-subtitle1 q-mt-sm q-pt-xs">{{ product.name }}</div>
@@ -71,5 +77,7 @@
           </div>
           <!-- RATING TO BE DONE -->
         </div>
+      </q-card-section>
+    </q-card>
   </div>
 </div>

templates/nostrmarket/market.html

@@ -161,9 +161,6 @@
       <div class="col-lg-8 col-md-10 col-sm-12 auto-width">
 
         <div class="row q-mb-md">
-          <!-- <q-toolbar class="col-2">
-        <q-btn flat round dense icon="menu" @click="drawer = !drawer"></q-btn>
-      </q-toolbar> -->
           <q-toolbar class="col-lg-8 col-md-7 col-sm-6 auto-width">
             <q-input class="rounded-pill" style="width:100%;" rounded outlined clearable v-model.trim="searchText"
               label="Filter products">
@@ -197,7 +194,7 @@
             <q-breadcrumbs-el :label="'Market'" icon="home" @click="navigateTo('market')"
               class="cursor-pointer"></q-breadcrumbs-el>
             <q-breadcrumbs-el v-if="activeStall" :label="stallName" @click="navigateTo('stall', {stall: activeStall})"
-              icon="widgets" class="cursor-pointer"></q-breadcrumbs-el>
+              icon="storefront" class="cursor-pointer"></q-breadcrumbs-el>
             <q-breadcrumbs-el v-if="activeProduct" :label="productName"
               @click="navigateTo('product', {stall: activeStall, product: activeProduct})" class="cursor-pointer"
               icon="widgets"></q-breadcrumbs-el>