Adds styles to moderation admin

app/views/moderation/_menu.html.erb

@@ -4,17 +4,17 @@
       <%= t("moderation.dashboard.index.title") %>
     </li>
 
-    <li <%= 'class=active' if controller_name == 'debates' %>>
+    <li <%= "class=active" if controller_name == "debates" %>>
       <%= link_to moderation_debates_path do %>
-        <i class="icon-eye"></i>
-        <%= t('moderation.menu.flagged_debates') %>
+        <i class="icon-debates"></i>
+        <%= t("moderation.menu.flagged_debates") %>
       <% end %>
     </li>
 
-    <li <%= 'class=active' if controller_name == 'comments' %>>
+    <li <%= "class=active" if controller_name == "comments" %>>
       <%= link_to moderation_comments_path do %>
-        <i class="icon-comment-quotes"></i>
-        <%= t('moderation.menu.flagged_comments') %>
+        <i class="icon-comments"></i>
+        <%= t("moderation.menu.flagged_comments") %>
       <% end %>
     </li>
   </ul>

app/views/moderation/comments/index.html.erb

@@ -1,45 +1,52 @@
-<h2><%= t('moderation.comments.index.title') %></h2>
+<h2><%= t("moderation.comments.index.title") %></h2>
+
+<dl class="sub-nav">
+  <dt><%= t("moderation.comments.index.filter") %>:</dt>
 
-<p>
-  <%= t('moderation.comments.index.filter') %>:
   <% @valid_filters.each do |filter| %>
     <% if @filter == filter %>
-      <%= t("moderation.comments.index.filters.#{filter}") %>
+      <dd class="active"><%= t("moderation.comments.index.filters.#{filter}") %></dd>
     <% else %>
-      <%= link_to t("moderation.comments.index.filters.#{filter}"),
-        moderation_comments_path(filter: filter) %>
+      <dd><%= link_to t("moderation.comments.index.filters.#{filter}"),
+        moderation_comments_path(filter: filter) %></dd>
     <% end %>
   <% end %>
-</p>
+</dl>
 
 <h3><%= page_entries_info @comments %></h3>
 
 <table>
   <tr>
-    <th><%= t('moderation.comments.index.headers.flags') %></th>
-    <th><%= t('moderation.comments.index.headers.updated_at') %></th>
-    <th><%= t('moderation.comments.index.headers.commentable_type') %></th>
-    <th><%= t('moderation.comments.index.headers.commentable') %></th>
-    <th><%= t('moderation.comments.index.headers.comment') %></th>
+    <th>
+      <%= t("moderation.comments.index.headers.commentable") %>&nbsp;|&nbsp;
+      <%= t("moderation.comments.index.headers.commentable_type") %>&nbsp;|&nbsp;
+      <%= t("moderation.comments.index.headers.updated_at") %>
+    </th>
+    <th><%= t("moderation.comments.index.headers.comment") %></th>
+    <th class="text-center"><%= t("moderation.comments.index.headers.flags") %></th>
+    <th class="text-center" colspan="2"><%= t("moderation.debates.index.headers.actions") %></th>
   </tr>
   <% @comments.each do |comment| %>
     <tr id="comment_<%= comment.id %>">
-      <td><%= comment.inappropiate_flags_count %></td>
-      <td><%= l comment.updated_at.to_date %></td>
-      <td><%= comment.commentable_type.constantize.model_name.human %></td>
-      <td><%= link_to comment.commentable.title, comment.commentable %></td>
-      <td><%= comment.body %></td>
       <td>
-        <%= link_to t('moderation.comments.index.hide'), hide_in_moderation_screen_moderation_comment_path(comment, request.query_parameters), method: :put %>
+        <%= link_to comment.commentable.title, comment.commentable %>
+        <br>
+        <%= comment.commentable_type.constantize.model_name.human %>
+        <span class="date"><%= l comment.updated_at.to_date %></span>
+      </td>
+      <td><%= comment.body %></td>
+      <td class="text-center"><%= comment.inappropiate_flags_count %></td>
+      <td>
+        <%= link_to t("moderation.comments.index.hide"), hide_in_moderation_screen_moderation_comment_path(comment, request.query_parameters), method: :put, class: "delete" %>
       </td>
       <% if can? :mark_as_reviewed, comment %>
         <td>
-          <%= link_to t('moderation.comments.index.mark_as_reviewed'), mark_as_reviewed_moderation_comment_path(comment, request.query_parameters), method: :put %>
+          <%= link_to t("moderation.comments.index.archive"), mark_as_reviewed_moderation_comment_path(comment, request.query_parameters), method: :put, class: "button radius tiny warning" %>
         </td>
       <% end %>
       <% if comment.reviewed? %>
-        <td>
-          <%= t('moderation.comments.index.reviewed') %>
+        <td class="archived">
+          <%= t("moderation.comments.index.archived") %>
         </td>
       <% end %>
     </tr>
@@ -47,4 +54,3 @@
 </table>
 
 <%= paginate @comments %>
-

app/views/moderation/debates/index.html.erb

@@ -1,43 +1,51 @@
-<h2><%= t('moderation.debates.index.title') %></h2>
+<h2><%= t("moderation.debates.index.title") %></h2>
+
+<dl class="sub-nav">
+  <dt><%= t("moderation.debates.index.filter") %>:</dt>
 
-<p>
-  <%= t('moderation.debates.index.filter') %>:
   <% @valid_filters.each do |filter| %>
     <% if @filter == filter %>
-      <%= t("moderation.debates.index.filters.#{filter}") %>
+      <dd class="active"><%= t("moderation.debates.index.filters.#{filter}") %></dd>
     <% else %>
-      <%= link_to t("moderation.debates.index.filters.#{filter}"),
-        moderation_debates_path(filter: filter) %>
+      <dd><%= link_to t("moderation.debates.index.filters.#{filter}"),
+        moderation_debates_path(filter: filter) %></dd>
     <% end %>
   <% end %>
-</p>
+</dl>
 
 <h3><%= page_entries_info @debates %></h3>
 
 <table>
   <tr>
-    <th><%= t('moderation.debates.index.headers.flags') %></th>
-    <th><%= t('moderation.debates.index.headers.updated_at') %></th>
-    <th><%= t('moderation.debates.index.headers.title') %></th>
-    <th><%= t('moderation.debates.index.headers.description') %></th>
+    <th>
+      <%= t("moderation.debates.index.headers.title") %>&nbsp;|&nbsp;
+      <%= t("moderation.debates.index.headers.updated_at") %>&nbsp;|&nbsp;
+      <%= t("moderation.debates.index.headers.description") %>
+    </th>
+    <th class="text-center"><%= t("moderation.debates.index.headers.flags") %></th>
+    <th class="text-center" colspan="2"><%= t("moderation.debates.index.headers.actions") %></th>
   </tr>
   <% @debates.each do |debate| %>
     <tr id="debate_<%= debate.id %>">
-      <td><%= debate.inappropiate_flags_count %></td>
-      <td><%= l debate.updated_at.to_date %></td>
-      <td><%= link_to debate.title, debate %></td>
-      <td><%= debate.description %></td>
       <td>
-        <%= link_to t('moderation.debates.index.hide'), hide_in_moderation_screen_moderation_debate_path(debate, request.query_parameters), method: :put %>
+        <%= link_to debate.title, debate, target: "_blank" %>
+        <br>
+        <span class="date"><%= l debate.updated_at.to_date %></span>
+        <br>
+        <%= debate.description %>
+      </td>
+      <td class="text-center"><%= debate.inappropiate_flags_count %></td>
+      <td>
+        <%= link_to t("moderation.debates.index.hide"), hide_in_moderation_screen_moderation_debate_path(debate, request.query_parameters), method: :put, class: "delete" %>
       </td>
       <% if can? :mark_as_reviewed, debate %>
         <td>
-          <%= link_to t('moderation.debates.index.mark_as_reviewed'), mark_as_reviewed_moderation_debate_path(debate, request.query_parameters), method: :put %>
+          <%= link_to t("moderation.debates.index.archive"), mark_as_reviewed_moderation_debate_path(debate, request.query_parameters), method: :put, class: "button radius tiny warning" %>
         </td>
       <% end %>
       <% if debate.reviewed? %>
-        <td>
-          <%= t('moderation.debates.index.reviewed') %>
+        <td class="archived">
+          <%= t("moderation.debates.index.archived") %>
         </td>
       <% end %>
     </tr>
@@ -45,4 +53,3 @@
 </table>
 
 <%= paginate @debates %>
-