Fix: scrollbar placement in Node Inspector (#985)

Author: hhubert6

lib/live_debugger/app/debugger/web/components/pages.ex

@@ -47,44 +47,46 @@ defmodule LiveDebugger.App.Debugger.Web.Components.Pages do
         dropdown_id="node-inspector"
       />
 
-      <div class="flex flex-col max-w-screen-2xl w-full gap-4 p-8 overflow-y-auto">
-        <.live_component
-          module={NodeBasicInfo}
-          id="node-inspector-basic-info"
-          lv_process={@lv_process}
-          node_id={@node_id}
-        />
-
-        <NodeStateLive.live_render
-          id="node-state-lv"
-          class="flex"
-          socket={@socket}
-          lv_process={@lv_process}
-          node_id={@node_id}
-        />
-
-        <AsyncJobsLive.live_render
-          id="async-jobs-lv"
-          class="flex"
-          socket={@socket}
-          lv_process={@lv_process}
-          node_id={@node_id}
-        />
-        <StreamsLive.live_render
-          id="streams-list"
-          class="flex"
-          socket={@socket}
-          lv_process={@lv_process}
-          node_id={@node_id}
-        />
-
-        <CallbackTracingWeb.NodeTracesLive.live_render
-          id="traces-list"
-          class="flex"
-          socket={@socket}
-          lv_process={@lv_process}
-          node_id={@node_id}
-        />
+      <div class="w-full overflow-y-auto">
+        <div class="flex flex-col max-w-screen-2xl w-full gap-4 p-8 mx-auto">
+          <.live_component
+            module={NodeBasicInfo}
+            id="node-inspector-basic-info"
+            lv_process={@lv_process}
+            node_id={@node_id}
+          />
+
+          <NodeStateLive.live_render
+            id="node-state-lv"
+            class="flex"
+            socket={@socket}
+            lv_process={@lv_process}
+            node_id={@node_id}
+          />
+
+          <AsyncJobsLive.live_render
+            id="async-jobs-lv"
+            class="flex"
+            socket={@socket}
+            lv_process={@lv_process}
+            node_id={@node_id}
+          />
+          <StreamsLive.live_render
+            id="streams-list"
+            class="flex"
+            socket={@socket}
+            lv_process={@lv_process}
+            node_id={@node_id}
+          />
+
+          <CallbackTracingWeb.NodeTracesLive.live_render
+            id="traces-list"
+            class="flex"
+            socket={@socket}
+            lv_process={@lv_process}
+            node_id={@node_id}
+          />
+        </div>
       </div>
     </div>
     <.live_component module={NodeInspectorSidebar} id={@sidebar_id} trigger_sidebar={@trigger_sidebar}>

test/services/callback_tracer/actions/tracing_test.exs

@@ -14,7 +14,6 @@ defmodule LiveDebugger.Services.CallbackTracer.Actions.TracingTest do
   alias LiveDebugger.MockBus
   alias LiveDebugger.Services.CallbackTracer.Actions.Tracing, as: TracingActions
   alias LiveDebugger.Services.CallbackTracer.Events.DbgStarted
-  alias LiveDebugger.Utils.Versions
 
   setup :verify_on_exit!
 

test/services/callback_tracer/gen_servers/tracing_manager_test.exs

@@ -13,7 +13,6 @@ defmodule LiveDebugger.Services.CallbackTracer.GenServers.TracingManagerTest do
   alias LiveDebugger.Services.CallbackTracer.Events.DbgStarted
   alias LiveDebugger.Services.CallbackTracer.GenServers.TracingManager
   alias LiveDebugger.Services.ProcessMonitor.Events.LiveViewBorn
-  alias LiveDebugger.Utils.Versions
 
   setup :verify_on_exit!