Update product card component

rayc2045 · Jun 2, 2024 · 7c1cef4 · 7c1cef4
1 parent 79e9f8f
commit 7c1cef4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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,