-<% if current_user == @message.recipient %>
- <% content_for :heading do %>
- <h2><%= @message.title %></h2>
- <% end %>
+<% content_for :heading do %>
+ <h1><%= @message.title %></h1>
+<% end %>
- <div class='info-line clearfix'>
+<div class='mb-3 border-bottom border-secondary-subtle py-1 d-flex gap-1 flex-wrap'>
+ <% if current_user == @message.recipient %>
<%= user_thumbnail_tiny @message.sender %>
- <%= link_to @message.sender.display_name, user_path(@message.sender) %></td>
- <div class='right'>
- <%= l @message.sent_on, :format => :friendly %>
- </div>
- </div>
-
- <div class="richtext"><%= @message.body.to_html %></div>
-
- <div class='message-buttons buttons'>
- <%= button_to t(".reply_button"), message_reply_path(@message), :class => "reply-button" %>
- <%= button_to t(".unread_button"), message_mark_path(@message, :mark => "unread"), :class => "mark-unread-button" %>
- <%= button_to t(".destroy_button"), message_path(@message), :method => "delete", :class => "destroy-button" %>
- <%= link_to t(".back"), inbox_messages_path, :class => "button deemphasize" %>
- </div>
-
-<% else %>
-
- <h2><%= @message.title %></h2>
-
- <div class='info-line clearfix'>
+ <%= link_to @message.sender.display_name, @message.sender %>
+ <% else %>
<%= user_thumbnail_tiny @message.recipient %>
- <%= link_to @message.recipient.display_name, user_path(@message.recipient) %></td>
- <div class='right'>
- <%= l @message.sent_on, :format => :friendly %>
- </div>
- </div>
-
- <div class="richtext"><%= @message.body.to_html %></div>
-
- <div class='message-buttons buttons'>
- <%= link_to t(".back"), outbox_messages_path, :class => "button deemphasize" %>
- </div>
-
-<% end %>
+ <%= link_to @message.recipient.display_name, @message.recipient %>
+ <% end %>
+ <span class="ms-auto">
+ <%= l @message.sent_on, :format => :friendly %>
+ </span>
+</div>
+
+<div class="richtext text-break"><%= @message.body.to_html %></div>
+
+<div>
+ <% if current_user == @message.recipient %>
+ <%= link_to t(".reply_button"), message_reply_path(@message), :class => "btn btn-primary" %>
+ <%= link_to t(".unread_button"), message_mark_path(@message, :mark => "unread"), :method => "post", :class => "btn btn-primary" %>
+ <%= link_to t(".destroy_button"), message_path(@message), :method => "delete", :class => "btn btn-danger" %>
+ <% else %>
+ <%= link_to t(".destroy_button"), message_path(@message), :method => "delete", :class => "btn btn-danger" %>
+ <% end %>
+ <%= link_to t(".back"), :back, :class => "btn btn-link" %>
+</div>