Adds styles for too much anonymous comments

app/assets/stylesheets/participacion.scss

@@ -773,6 +773,12 @@ form {
     background-color: $warning-bg;
     border-color: $warning-border;
     color: $warning-color;
+
+    a {
+      color: $warning-color;
+      font-weight: bold;
+      text-decoration: underline;
+    }
   }
 
   &.alert {

app/views/debates/show.html.erb

@@ -61,6 +61,12 @@
     <aside class="small-12 medium-3 column">
       <div class="sidebar-divider"></div>
       <h3><%= t("votes.supports") %></h3>
+      <!-- If there is too much anonymous comments -->
+      <div class="alert-box radius warning">
+      <%= t("debates.show.anonymous",
+        verify_account: link_to(t("debates.show.verify_account"), "verify path" )).html_safe %>
+      </div>
+      <!-- /. If there is too much anonymous comments -->
       <div class="text-center">
         <div id="<%= dom_id(@debate) %>_votes">
          <%= render 'debates/votes', debate: @debate %>

config/locales/en.yml

@@ -114,6 +114,8 @@ en:
       login_to_comment: "You need to %{signin} or %{signup} to comment."
       edit_debate_link: Edit
       share: Share
+      anonymous: "This debate already has too much anonymous votes, %{verify_account} to continue."
+      verify_account: verify your account
     edit:
       editing: Edit debate
       show_link: Show debate

config/locales/es.yml

@@ -114,6 +114,8 @@ es:
       login_to_comment: "Necesitas %{signin} o %{signup} para comentar."
       edit_debate_link: Editar
       share: Compartir
+      anonymous: "Este debate ya tiene demasiados votos anónimos, para continuar %{verify_account}."
+      verify_account: verifica tu cuenta
     edit:
       editing: Editar debate
       show_link: Ver debate