From 10f436521e79ad81165d5062757b32d750ebd95d Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Sat, 24 Aug 2024 02:20:52 -0400
Subject: [PATCH] style: remove ArtifactButton inline-block styling

---
 .../components/Artifacts/ArtifactButton.tsx   | 36 +++++++++----------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/client/src/components/Artifacts/ArtifactButton.tsx b/client/src/components/Artifacts/ArtifactButton.tsx
index f20352fef8..a1f32e8e73 100644
--- a/client/src/components/Artifacts/ArtifactButton.tsx
+++ b/client/src/components/Artifacts/ArtifactButton.tsx
@@ -14,29 +14,25 @@ const ArtifactButton = ({ artifact }: { artifact: Artifact | null }) => {
   const fileType = getFileType('artifact');
 
   return (
-    <>
-      <div className="group relative inline-block rounded-xl text-sm text-text-primary">
-        <button
-          type="button"
-          onClick={() => setArtifactId(artifact.id)}
-          className="relative overflow-hidden rounded-xl border border-border-medium transition-all duration-300 hover:border-border-xheavy hover:shadow-lg"
-        >
-          <div className="w-60 bg-surface-tertiary p-2 ">
-            <div className="flex flex-row items-center gap-2">
-              <FilePreview fileType={fileType} className="relative" />
-              <div className="overflow-hidden text-left">
-                <div className="truncate font-medium">{artifact.title}</div>
-                <div className="truncate text-text-secondary">
-                  {localize('com_ui_artifact_click')}
-                </div>
+    <div className="group relative my-4 rounded-xl text-sm text-text-primary">
+      <button
+        type="button"
+        onClick={() => setArtifactId(artifact.id)}
+        className="relative overflow-hidden rounded-xl border border-border-medium transition-all duration-300 hover:border-border-xheavy hover:shadow-lg"
+      >
+        <div className="w-60 bg-surface-tertiary p-2 ">
+          <div className="flex flex-row items-center gap-2">
+            <FilePreview fileType={fileType} className="relative" />
+            <div className="overflow-hidden text-left">
+              <div className="truncate font-medium">{artifact.title}</div>
+              <div className="truncate text-text-secondary">
+                {localize('com_ui_artifact_click')}
               </div>
             </div>
           </div>
-        </button>
-      </div>
-      {/* new line*/}
-      <br />
-    </>
+        </div>
+      </button>
+    </div>
   );
 };