From 3ee045f428f96e3f0007e53ad1cf9d934ce31c67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Wed, 2 Oct 2024 19:24:54 +0200
Subject: [PATCH] Wrap module names in the outline (#2810)

---
 lib/livebook_web/live/session_live/render.ex | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/lib/livebook_web/live/session_live/render.ex b/lib/livebook_web/live/session_live/render.ex
index dbd9c4923..b1944b47c 100644
--- a/lib/livebook_web/live/session_live/render.ex
+++ b/lib/livebook_web/live/session_live/render.ex
@@ -525,14 +525,13 @@ defmodule LivebookWeb.SessionLive.Render do
           <ul :if={section_item.identifier_definitions != []} class="mt-2 ml-5 list-none items-center">
             <li :for={definition <- section_item.identifier_definitions}>
               <button
-                class="flex items-center max-w-full text-gray-600 hover:text-gray-900 text-sm gap-1"
+                class="flex items-baseline max-w-full text-gray-600 hover:text-gray-900 text-sm gap-1"
                 data-el-outline-definition-item
                 data-file={definition.file}
                 data-line={definition.line}
-                title={definition.label}
               >
                 <.remix_icon icon="braces-line" class="font-normal opacity-50" />
-                <span class="font-mono truncate">
+                <span class="font-mono break-all text-left">
                   <%= definition.label %>
                 </span>
               </button>