[FIX] info book icon positioning - visualizer.tsx (#43)

Current implementation puts the text and icon into different lines. Therefore it leads to immense table height changes when showing documentation in visualizer.
rphlmr · Dec 7, 2024 · 642ab46 · 642ab46
1 parent b07f58e
commit 642ab46
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/visualizer/src/visualizer.tsx b/packages/visualizer/src/visualizer.tsx
@@ -748,8 +748,8 @@ function ViewNode({ data }: NodeProps<ViewNodeDefinition>) {
 
 function Description({ description }: { description: string }) {
   return (
-    <div className="relative rounded-md border border-muted/80 px-2 py-0.5 text-foreground/60">
-      <span className="absolute -top-2 left-1 flex gap-1 bg-background px-1">
+    <div className="relative rounded-md border border-muted/80 px-2 py-0.5 text-foreground/60 flex">
+      <span className="-top-2 left-1 flex gap-1 bg-background pr-1">
         <Icon name="book-text" size="xs" />
       </span>
       <span