From d6959c3c5c2110affc85ab13967b22142caf70cc Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Wed, 5 Jul 2023 18:34:27 +0300
Subject: [PATCH] feat: ui stuff

---
 .../components/product-card/product-card.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/static/components/product-card/product-card.html b/static/components/product-card/product-card.html
index d85ff31..afa9d0b 100644
--- a/static/components/product-card/product-card.html
+++ b/static/components/product-card/product-card.html
@@ -14,12 +14,10 @@
       <div class="col text-subtitle2 ellipsis-2-lines">{{ product.name }}</div>
     </div>
 
-    <!-- <q-rating v-model="stars" color="orange" :max="5" readonly size="17px"></q-rating> -->
   </q-card-section>
 
   <q-card-section class="q-py-sm">
     <div>
-      <div class="text-caption text-weight-bolder">{{ product.stallName }}</div>
       <span v-if="product.currency == 'sat'">
         <span class="text-h6">{{ product.price }} sats</span><span class="q-ml-sm text-grey-6">BTC {{ (product.price /
           1e8).toFixed(8) }}</span>
@@ -43,22 +41,27 @@
     <div class="text-caption text-grey ellipsis-2-lines" style="min-height: 40px">
       <p v-if="product.description">{{ product.description }}</p>
     </div>
+
+
   </q-card-section>
+  <q-separator></q-separator>
+  <q-card-actions>
+    <div class="text-caption text-weight-bolder">{{ product.stallName }}</div>
+  </q-card-actions>
 
   <q-separator></q-separator>
 
   <q-card-actions>
-    <span>Stall: {{ product.stallName }}</span>
-    <span>{{ $parent.activeStall }}</span>
     <div class="q-ml-auto">
+      <q-btn v-if="!isStall" flat class="text-weight-bold text-capitalize q-ml-auto float-left" dense color="primary"
+        @click="$emit('change-page', 'stall', {stall: product.stall_id})">
+        Visit Stall
+      </q-btn>
       <q-btn flat class="text-weight-bold text-capitalize q-ml-auto" dense color="primary"
         @click="$emit('change-page', 'stall', {stall: product.stall_id, product: product.id})">
         View details
       </q-btn>
-      <q-btn v-if="!isStall" flat class="text-weight-bold text-capitalize q-ml-auto" dense color="primary"
-        @click="$emit('change-page', 'stall', {stall: product.stall_id})">
-        Visit Stall
-      </q-btn>
+      
     </div>
   </q-card-actions>
 </q-card>
\ No newline at end of file