From 34b890bba5c5d59e53584b3d860123877111f23b Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 22 Apr 2025 11:42:04 +0200
Subject: [PATCH] Fix fullscreen button

---
 lib/live_debugger/components/traces.ex | 29 +++++++++++++-------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/lib/live_debugger/components/traces.ex b/lib/live_debugger/components/traces.ex
index 22f3744aa..4a15fd0b9 100644
--- a/lib/live_debugger/components/traces.ex
+++ b/lib/live_debugger/components/traces.ex
@@ -93,27 +93,28 @@ defmodule LiveDebugger.Components.Traces do
           </p>
         </div>
       </:label>
-      <div class="relative flex flex-col gap-4 overflow-x-auto max-w-full h-[30vh] max-h-max overflow-y-auto">
+      <div class="relative">
         <.fullscreen_button
           id={"trace-fullscreen-#{@id}"}
           class="absolute right-2 top-2"
           phx-click="open-trace"
           phx-value-data={@trace.id}
         />
-
-        <%= if @render_body? do %>
-          <%= for {args, index} <- Enum.with_index(@trace.args) do %>
-            <ElixirDisplay.term
-              id={@id <> "-#{index}"}
-              node={TermParser.term_to_display_tree(args)}
-              level={1}
-            />
+        <div class="flex flex-col gap-4 overflow-x-auto max-w-full h-[30vh] max-h-max overflow-y-auto">
+          <%= if @render_body? do %>
+            <%= for {args, index} <- Enum.with_index(@trace.args) do %>
+              <ElixirDisplay.term
+                id={@id <> "-#{index}"}
+                node={TermParser.term_to_display_tree(args)}
+                level={1}
+              />
+            <% end %>
+          <% else %>
+            <div class="w-full flex items-center justify-center">
+              <.spinner size="sm" />
+            </div>
           <% end %>
-        <% else %>
-          <div class="w-full flex items-center justify-center">
-            <.spinner size="sm" />
-          </div>
-        <% end %>
+        </div>
       </div>
     </.collapsible>
     """