Improves styles for direct messages

app/views/direct_messages/show.html.erb

@@ -1,5 +1,18 @@
-<div>
-  <p><%= @direct_message.title %></p>
-  <p><%= @direct_message.body %></p>
-  <p><%= @direct_message.receiver.name %></p>
-</div>
+<div class="row">
+  <div class="small-12 medium-9 column">
+    <%= link_to user_path(@direct_message.receiver), class: "back" do %>
+      <span class="icon-angle-left"></span>
+      <%= t("shared.back") %>
+    <% end %>
+
+    <div class="clear"></div>
+
+    <div class="margin-top">
+      <span><strong><%= t("users.direct_messages.show.receiver",
+      receiver: @direct_message.receiver.name) %></strong></span>
+    </div>
+
+    <h1><%= @direct_message.title %></h1>
+    <p><%= @direct_message.body %></p>
+  </div>
+</div>

app/views/users/show.html.erb

@@ -2,7 +2,13 @@
   <div class="activity row margin-top">
     <div class="small-12 column">
 
-      <h2>
+      <% if @user != current_user %>
+        <%= link_to t("users.show.send_private_message"),
+                    new_user_direct_message_path(@user),
+                    class: "button hollow float-right" %>
+      <% end %>
+
+      <h2 class="inline-block">
         <%= avatar_image(@user, seed: @user.id, size: 60) %>
         <%= @user.name %>
         <% if current_administrator? %>
@@ -10,8 +16,6 @@
         <% end %>
       </h2>
 
-      <p><%= link_to "Enviar un mensaje privado", new_user_direct_message_path(@user) %></p>
-
       <% if @user.public_activity || @authorized_current_user %>
         <ul class="menu simple margin-top">
           <% @valid_filters.each do |filter| %>