From f9b4f610a9724115ecd69c8ce11c0c9c075b7a13 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 24 Jan 2026 10:54:44 +0000
Subject: [PATCH] fix: remove unnecessary wrapper div that was hiding event
 content

Removed an extra wrapper div around DetailKindRenderer in EventDetailViewer
that was preventing content from rendering properly. DetailKindRenderer
components handle their own padding and layout, so the wrapper was
unnecessary and potentially interfering with rendering.

The single scroll container now properly contains:
- DetailKindRenderer (renders event content directly)
- Spell tabs section (with sticky headers)

Both sections flow naturally in the single scrollable area.
---
 src/components/EventDetailViewer.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/EventDetailViewer.tsx b/src/components/EventDetailViewer.tsx
index f363928..cc70348 100644
--- a/src/components/EventDetailViewer.tsx
+++ b/src/components/EventDetailViewer.tsx
@@ -375,11 +375,9 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
       {/* Main Content - Single Scroll Container */}
       <div className="flex-1 overflow-y-auto">
         {/* Rendered Event Content */}
-        <div>
-          <EventErrorBoundary event={event}>
-            <DetailKindRenderer event={event} />
-          </EventErrorBoundary>
-        </div>
+        <EventErrorBoundary event={event}>
+          <DetailKindRenderer event={event} />
+        </EventErrorBoundary>
 
         {/* Spell Tabs Section */}
         <div className="border-t border-border">