From 8aeb5977808f93321aebe93b3a2083f60d0fa3b6 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 29 Oct 2024 08:06:19 -0500
Subject: [PATCH] Fix sublabel and icon spacing (#14651)

---
 web/src/components/card/SearchThumbnail.tsx       | 10 +---------
 web/src/components/card/SearchThumbnailFooter.tsx |  7 +++----
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/web/src/components/card/SearchThumbnail.tsx b/web/src/components/card/SearchThumbnail.tsx
index 72a560deb..e96632400 100644
--- a/web/src/components/card/SearchThumbnail.tsx
+++ b/web/src/components/card/SearchThumbnail.tsx
@@ -41,14 +41,6 @@ export default function SearchThumbnail({
       return searchResult.label;
     }
 
-    if (
-      config.model.attributes_map[searchResult.label].includes(
-        searchResult.sub_label,
-      )
-    ) {
-      return searchResult.sub_label;
-    }
-
     return `${searchResult.label}-verified`;
   }, [config, searchResult]);
 
@@ -102,7 +94,7 @@ export default function SearchThumbnail({
             </div>
             <TooltipPortal>
               <TooltipContent className="capitalize">
-                {[objectLabel]
+                {[searchResult.sub_label ?? objectLabel]
                   .filter(
                     (item) => item !== undefined && !item.includes("-verified"),
                   )
diff --git a/web/src/components/card/SearchThumbnailFooter.tsx b/web/src/components/card/SearchThumbnailFooter.tsx
index 8c4fb82b5..b959a82c5 100644
--- a/web/src/components/card/SearchThumbnailFooter.tsx
+++ b/web/src/components/card/SearchThumbnailFooter.tsx
@@ -34,9 +34,8 @@ export default function SearchThumbnailFooter({
   return (
     <div
       className={cn(
-        "flex w-full flex-row items-center justify-between",
-        columns > 4 &&
-          "items-start sm:flex-col sm:gap-2 lg:flex-row lg:items-center lg:gap-1",
+        "flex w-full flex-row items-center justify-between gap-2",
+        columns > 4 && "items-start sm:flex-col lg:flex-row lg:items-center",
       )}
     >
       <div className="flex flex-col items-start text-xs text-primary-variant">
@@ -49,7 +48,7 @@ export default function SearchThumbnailFooter({
         )}
         {formattedDate}
       </div>
-      <div className="flex flex-row items-center justify-end gap-6 md:gap-4">
+      <div className="flex flex-row items-center justify-end gap-5 md:gap-4">
         <SearchResultActions
           searchResult={searchResult}
           findSimilar={findSimilar}