From df3dc33e96a81c65fcd87a2b36f8b3cb5986c1e7 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Mon, 7 Oct 2024 20:28:48 -0700
Subject: [PATCH] Show reference icon and domain side by side

---
 .../app/components/referencePanel/referencePanel.tsx   | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/interface/web/app/components/referencePanel/referencePanel.tsx b/src/interface/web/app/components/referencePanel/referencePanel.tsx
index dd3b02d3..8b808505 100644
--- a/src/interface/web/app/components/referencePanel/referencePanel.tsx
+++ b/src/interface/web/app/components/referencePanel/referencePanel.tsx
@@ -150,10 +150,14 @@ function GenericOnlineReferenceCard(props: OnlineReferenceCardProps) {
                                 rel="noreferrer"
                                 className="!no-underline p-2"
                             >
-                                <div className="flex items-center">
-                                    <img src={favicon} alt="" className="!w-4 h-4 mr-2" />
+                                <div className="flex items-center gap-2">
+                                    <img
+                                        src={favicon}
+                                        alt=""
+                                        className="!w-4 h-4 mr-2 flex-shrink-0"
+                                    />
                                     <h3
-                                        className={`overflow-hidden ${props.showFullContent ? "block" : "line-clamp-1"} text-muted-foreground`}
+                                        className={`overflow-hidden ${props.showFullContent ? "block" : "line-clamp-1"} text-muted-foreground flex-grow`}
                                     >
                                         {domain}
                                     </h3>