Fix product card layout

1 files changed, 16 insertions, 10 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 20a86ec4..4d8c7971 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -30,13 +30,21 @@ html, body {
 }
 
 @layer components {
-    .badge-red {
+    .badge-red,
+    .badge-yellow,
+    .badge-green {
         @apply
             text-xs
             font-medium
             px-1
             py-0.5
             rounded
+            w-fit
+        ;
+    }
+
+    .badge-red {
+        @apply
             bg-red-300
             text-red-900
         ;
@@ -44,16 +52,18 @@ html, body {
 
     .badge-yellow {
         @apply
-            text-xs
-            font-medium
-            px-1
-            py-0.5
-            rounded
             bg-yellow-300
             text-yellow-900
         ;
     }
 
+    .badge-green {
+        @apply
+            bg-green-200 
+            text-green-700
+        ;
+    }
+
     .form-label {
         @apply
             text-sm
@@ -132,10 +142,7 @@ html, body {
         @apply
             p-2
             pb-3
-            flex
-            flex-col
             flex-1
-            justify-between
         ;
     }
 
@@ -143,7 +150,6 @@ html, body {
         @apply
             text-sm
             text-gray-900
-            h-[60px]
         ;
     }