From 7c1cef41951c9fbebffb20538967b98bd51a0511 Mon Sep 17 00:00:00 2001
From: Ray C <rayc2045@gmail.com>
Date: Sun, 2 Jun 2024 22:41:04 +0800
Subject: [PATCH] Update product card component

---
 src/components/product-card.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/product-card.html b/src/components/product-card.html
index 445c5bf..1a29965 100644
--- a/src/components/product-card.html
+++ b/src/components/product-card.html
@@ -16,8 +16,8 @@
     />
   </a>
 
-  <div class="flex justify-between items-start">
-    <div>
+  <div class="flex justify-between items-start relative">
+    <div class="pr-11">
       <small
         id="product-label"
         x-text="product.stock === 'in stock'
@@ -42,7 +42,7 @@
       <button
         id="add-to-cart-button"
         x-html="svg('bag')"
-        class="mt-4 ml-1"
+        class="absolute right-0 top-4"
         :class="btn.roundedGray"
         @click="await cart.addItem({
           name: product.name,