From be7bb3cf6021fabd4d599304ee48d0d45a74ce9b Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Mon, 23 Sep 2024 10:14:35 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Update=20svgCard=20classname?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 2a504c6..0d63cc9 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -56,7 +56,7 @@
 </script>
 
 <div
-  class="flex flex-col items-center justify-center rounded-md p-4 border border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100/80 dark:hover:bg-neutral-800/20 transition-colors duration-100 group"
+  class="group flex flex-col items-center justify-center rounded-md border border-neutral-200 p-4 transition-colors duration-100 hover:bg-neutral-100/80 dark:border-neutral-800 dark:hover:bg-neutral-800/20"
 >
   <!-- Image -->
   {#if wordmarkSvg == true}
@@ -95,11 +95,11 @@
     />
   {/if}
   <!-- Title -->
-  <div class="mb-3 flex flex-col space-y-1 items-center justify-center">
-    <p class="truncate text-[15px] font-medium text-balance text-center select-all">
+  <div class="mb-3 flex flex-col items-center justify-center space-y-1">
+    <p class="select-all truncate text-balance text-center text-[15px] font-medium">
       {svgInfo.title}
     </p>
-    <div class="flex items-center space-x-1 justify-center">
+    <div class="flex items-center justify-center space-x-1">
       {#if Array.isArray(svgInfo.category)}
         {#each svgInfo.category.slice(0, maxVisibleCategories) as c, index}
           <a href={`/directory/${c.toLowerCase()}`} class={badgeStyles}>{c}</a>
@@ -122,7 +122,7 @@
               {#each svgInfo.category.slice(maxVisibleCategories) as c}
                 <a
                   href={`/directory/${c.toLowerCase()}`}
-                  class={cn(buttonStyles, 'rounded-md w-full')}
+                  class={cn(buttonStyles, 'w-full rounded-md')}
                 >
                   <TagIcon size={15} strokeWidth={1.5} />
                   <span>{c}</span>