-<% if current_user == @message.recipient %>
- <% content_for :heading do %>
- <h2><%= h(@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-grey py-1 d-flex gap-1 flex-wrap'>
+ <% if current_user == @message.recipient %>
<%= user_thumbnail_tiny @message.sender %>
- <%= link_to h(@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' %>
-
-<% else %>
-
- <h2><%= h(@message.title) %></h2>
-
- <div class='info-line clearfix'>
+ <%= link_to @message.sender.display_name, user_path(@message.sender) %>
+ <% else %>
<%= user_thumbnail_tiny @message.recipient %>
- <%= link_to h(@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'>
-
-<% end %>
-
- <%= link_to t('.back'), outbox_messages_path, :class => "button deemphasize" %>
- </div>
+ <%= link_to @message.recipient.display_name, user_path(@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" %>
+ <%= link_to t(".back"), inbox_messages_path, :class => "btn btn-link" %>
+ <% else %>
+ <%= link_to t(".destroy_button"), message_path(@message), :method => "delete", :class => "btn btn-danger" %>
+ <%= link_to t(".back"), outbox_messages_path, :class => "btn btn-link" %>
+ <% end %>
+</div>