Update trade row layout to truncate long text

maybe-finance · Nov 21, 2024 · 2178eea · 2178eea
1 parent 4ea9c1f
commit 2178eea
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/views/tools/widgets/content/inside_trading_tracker/_trade_row.html.erb b/app/views/tools/widgets/content/inside_trading_tracker/_trade_row.html.erb
@@ -3,10 +3,10 @@
     <div class="flex items-center gap-2">
       <%= link_to "/tools/inside-trading-tracker/#{trade[:ticker]}", class: "flex items-center gap-2 hover:text-blue-600", data: { turbo_frame: "_top" } do %>
         <img src="https://logo.synthfinance.com/ticker/<%= trade[:ticker] %>" alt="<%= trade[:ticker] %> logo" class="w-6 h-6 rounded">
-        <div>
-          <%= trade[:full_name].titleize %>
+        <div class="max-w-[250px]">
+          <div class="truncate"><%= trade[:full_name].titleize %></div>
           <% if @tool.symbol.blank? %>
-            <div class="text-xs text-gray-500"><%= trade[:company] %></div>
+            <div class="text-xs text-gray-500 truncate"><%= trade[:company] %></div>
           <% end %>
         </div>
       <% end %>