Improves styles for moderation section

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

@@ -13,7 +13,7 @@
 </div>
 
 <%= form_tag moderate_moderation_comments_path(request.query_parameters), method: :put do %>
-  <p class="float-right js-check">
+  <p class="js-check">
     <%= t('shared.check') %>:
     <%= link_to t('shared.check_all'), '#', data: {check_all: "comment_ids[]"} %>
     |
@@ -55,19 +55,19 @@
 
   <%= submit_tag t('moderation.comments.index.block_authors'),
     name: "block_authors",
-    class: "button alert",
+    class: "button hollow alert",
     data: {confirm: t('moderation.comments.index.confirm')}
   %>
 
   <div class="float-right">
     <%= submit_tag t('moderation.comments.index.hide_comments'),
       name: "hide_comments",
-      class: "button alert",
+      class: "button hollow alert",
       data: {confirm: t('moderation.comments.index.confirm')}
     %>
     <%= submit_tag t('moderation.comments.index.ignore_flags'),
       name: "ignore_flags",
-      class: "button success",
+      class: "button hollow",
       data: {confirm: t('moderation.comments.index.confirm')}
     %>
   </div>

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

@@ -1,10 +1,15 @@
-<div class="dashboard">
+<%= link_to t("admin.dashboard.index.back") + " " + Setting['org_name'], root_path, class: "button float-right" %>
-  <h2><%= t("moderation.dashboard.index.title") %></h2>
 
-  <p>Desde aquí puedes moderar el sistema, a través de las siguientes acciones:<p>
+<h2 class="inline-block"><%= t("moderation.dashboard.index.title") %></h2>
 
-  <h3>Propuestas / Debates / Comentarios</h3>
+<p>Desde aquí puedes moderar el sistema, a través de las siguientes acciones:<p>
 
+<div class="small-12 medium-9">
+  <ul class="accordion" data-accordion data-multi-expand="true" data-allow-all-closed="true">
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Propuestas / Debates / Comentarios</a>
+      <div class="accordion-content" data-tab-content>
         <p>Cuando un usuario marca en una Propuesta/Debate/Comentario la opción de "denunciar como inapropiado", aparecerá en esta lista. Respecto a cada uno aparecerá el <em>título, fecha, número de denuncias</em> (cuántos usuarios diferentes han marcado la opción de denuncia) y el <em>texto de la Propuesta/Debate/Comentario</em>.</p>
 
         <p>A la derecha de cada elemento aparece una caja que podemos marcar para seleccionar todos los que queramos de la lista. Una vez seleccionados uno o varios, encontramos al final de la página <strong>tres botones para realizar acciones</strong> sobre ellos:</p>
@@ -24,10 +29,14 @@
         </ul>
 
         <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
+      </div>
+    </li>
 
-  <h3>Bloquear usuarios</h3>
+    <li class="accordion-item" data-accordion-item>
-
+      <a href="#" class="accordion-title">Bloquear usuarios</a>
-  <p>Un buscador nos permite encontrar cualquier usuario introduciendo su <em>nombre de usuario o correo electrónico</em>, y bloquearlo una vez encontrado. Al bloquearlo, <strong>el usuario no podrá volver a
+      <div class="accordion-content" data-tab-content>
-  acceder a la web</strong>, y todas sus Propuestas/Debates/Comentarios serán ocultados y dejarán de ser visibles en la web.</p>
+        <p>Un buscador nos permite encontrar cualquier usuario introduciendo su <em>nombre de usuario o correo electrónico</em>, y bloquearlo una vez encontrado. Al bloquearlo, <strong>el usuario no podrá volver a acceder a la web</strong>, y todas sus Propuestas/Debates/Comentarios serán ocultados y dejarán de ser visibles en la web.</p>
-
+      </div>
+    </li>
+  </ul>
 </div>

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

@@ -13,7 +13,7 @@
 </div>
 
 <%= form_tag moderate_moderation_proposals_path(request.query_parameters), method: :put do %>
-  <p class="float-left js-check">
+  <p class="js-check">
     <%= t('shared.check') %>:
     <%= link_to t('shared.check_all'), '#', data: {check_all: "proposal_ids[]"} %>
     |
@@ -53,19 +53,19 @@
 
   <%= submit_tag t('moderation.proposals.index.block_authors'),
     name: "block_authors",
-    class: "button alert",
+    class: "button hollow alert",
     data: {confirm: t('moderation.proposals.index.confirm')}
   %>
 
   <div class="float-right">
     <%= submit_tag t('moderation.proposals.index.hide_proposals'),
       name: "hide_proposals",
-      class: "button alert",
+      class: "button hollow alert",
       data: {confirm: t('moderation.proposals.index.confirm')}
     %>
     <%= submit_tag t('moderation.proposals.index.ignore_flags'),
       name: "ignore_flags",
-      class: "button success",
+      class: "button hollow",
       data: {confirm: t('moderation.proposals.index.confirm')}
     %>
   </div>

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

@@ -15,18 +15,24 @@
   <h3><%= page_entries_info @users %></h3>
 <% end %>
 
-<ul class="admin-list">
+<table>
+  <tbody>
     <% @users.each do |user| %>
-    <li>
+      <tr>
+        <td>
           <%= user.name %>
-      <span class="bullet">&nbsp;&bull;&nbsp;</span>
+        </td>
+        <td class="text-right">
           <% if user.hidden? %>
             <%= t("moderation.users.index.hidden") %>
           <% else %>
-        <%= link_to t("moderation.users.index.hide"), hide_in_moderation_screen_moderation_user_path(user, request.query_parameters), method: :put, class: "delete" %>
+          <%= link_to t("moderation.users.index.hide"), hide_in_moderation_screen_moderation_user_path(user, request.query_parameters),
+                      method: :put, class: "button hollow alert" %>
+        </td>
       <% end %>
-    </li>
+      </tr>
     <% end %>
-</ul>
+  </tbody>
+</table>
 
 <%= paginate @users %>