fix list item

src/components/list/ListItem.vue

@@ -49,9 +49,9 @@
                               {{ sag.norujukan }}
                             </h6>
                           </div>
-                        <div class="col-12">
-                          <p>{{ sag.berat }}g</p>
-                        </div>
+                          <div class="col-12">
+                            <p>{{ sag.berat }}g</p>
+                          </div>
                         </div>
                         <!-- <ul class="product_price list-unstyled">
                           <li class="old_price">{{ sag.berat }}g</li>
@@ -66,20 +66,21 @@
                           </li>
                         </ul> -->
                         <div class="flex justify-content-between">
-                          <div class="hover">
+                          <div class="text-2xl font-bold">
                             RM{{
                               sag.hargaasas
                                 ?.toString()
                                 .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
                             }}
-                            <a
-                              data-bs-toggle="modal"
-                              data-bs-target="#bidaModal"
-                              @click="clickModal(sag)"
-                              class="btn btn-primary btn-sm waves-effect"
-                              >Masuk <i class="zmdi zmdi-shopping-cart"></i
-                            ></a>
                           </div>
+
+                          <Button
+                            data-bs-toggle="modal"
+                            data-bs-target="#bidaModal"
+                            @click="clickModal(sag)"
+                            icon="pi pi-plus p-button-sm"
+                            class="p-button-rounded"
+                          />
                         </div>
                       </div>
                     </div>