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,33 +1,42 @@
-<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>
 
-  <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>
+<div class="small-12 medium-9">
+  <ul class="accordion" data-accordion data-multi-expand="true" data-allow-all-closed="true">
 
-  <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>
+    <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>
 
-  <ul>
+        <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>
-    <li><strong>Ocultar</strong>: hará que esos elementos dejen de mostrarse en la web.</li>
+
-    <li><strong>Bloquear autores</strong>: hará que el autor de ese elemento deje de poder acceder a la web, y que además todos las Propuestas/Debates/Comentarios de ese usuario dejen de mostrarse en la web.</li>
+        <ul>
-    <li><strong>Marcar como revisados</strong> cuando consideramos que esos elementos no deben ser moderados, que su contenido es correcto, y que por lo tanto deben dejar de ser mostrados en esta lista de elementos inapropiados.</li>
+          <li><strong>Ocultar</strong>: hará que esos elementos dejen de mostrarse en la web.</li>
+          <li><strong>Bloquear autores</strong>: hará que el autor de ese elemento deje de poder acceder a la web, y que además todos las Propuestas/Debates/Comentarios de ese usuario dejen de mostrarse en la web.</li>
+          <li><strong>Marcar como revisados</strong> cuando consideramos que esos elementos no deben ser moderados, que su contenido es correcto, y que por lo tanto deben dejar de ser mostrados en esta lista de elementos inapropiados.</li>
+        </ul>
+
+        <p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones:</p>
+
+        <ul>
+          <li><strong>Pendientes</strong>: las Propuestas/Debates/Comentarios sobre los que todavía no se ha pulsado "ocultar", "bloquear" o "marcar como revisados", y que por lo tanto deberían ser revisados todavía</li>
+          <li><strong>Todos</strong>: mostrando todos las Propuestas/Debates/Comentarios de la web, y no sólo los marcados como inapropiados.</li>
+          <li><strong>Marcados como revisados</strong>: los que algún moderador ha marcado como revisados y por lo tanto parecen correctos.</li>
+        </ul>
+
+        <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Bloquear usuarios</a>
+      <div class="accordion-content" data-tab-content>
+        <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>
-
-  <p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones:</p>
-
-  <ul>
-    <li><strong>Pendientes</strong>: las Propuestas/Debates/Comentarios sobre los que todavía no se ha pulsado "ocultar", "bloquear" o "marcar como revisados", y que por lo tanto deberían ser revisados todavía</li>
-    <li><strong>Todos</strong>: mostrando todos las Propuestas/Debates/Comentarios de la web, y no sólo los marcados como inapropiados.</li>
-    <li><strong>Marcados como revisados</strong>: los que algún moderador ha marcado como revisados y por lo tanto parecen correctos.</li>
-  </ul>
-
-  <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
-
-  <h3>Bloquear usuarios</h3>
-
-  <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>

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