-<tr class="inbox-row">
- <td class="inbox-sender"><%= link_to h(sent_message_summary.recipient.display_name), user_path(sent_message_summary.recipient) %></td>
- <td class="inbox-subject"><%= link_to h(sent_message_summary.title), message_path(sent_message_summary) %></td>
- <td class="inbox-sent"><%= l sent_message_summary.sent_on, :format => :friendly %></td>
- <td class="inbox-destroy"><%= button_to t('.destroy_button'), message_path(sent_message_summary, :referer => request.fullpath), :method => :delete, :remote => true %></td>
-</tr>
+<%= tag.tr(:id => "outbox-#{message.id}") do %>
+ <td><%= link_to message.recipient.display_name, user_path(message.recipient), :class => "username d-inline-block text-truncate text-wrap align-bottom", :dir => "auto" %></td>
+ <td><%= link_to message.title, message_path(message) %></td>
+ <td class="text-nowrap"><%= l message.sent_on, :format => :friendly %></td>
+ <td class="text-nowrap">
+ <div class="d-flex justify-content-end gap-1">
+ <%= button_to t(".destroy_button"), message_path(message, :referer => request.fullpath), :method => :delete, :class => "btn btn-sm btn-danger", :form => { :data => { :turbo => true }, :class => "destroy-message" } %>
+ </div>
+ </td>
+<% end %>