Adds links on comments title

app/assets/stylesheets/debates.scss

@@ -13,7 +13,7 @@
 @mixin votes {
   border-top: 1px solid $votes-border;
   padding: rem-calc(14) rem-calc(12);
-  background: $votes-background;
+  background: $votes-bg;
   margin: 0 -12px;
 
   .icon-like {
@@ -178,6 +178,10 @@
         font-size: rem-calc(16);
         vertical-align: top;
       }
+
+      a {
+        color: $text-light;
+      }
     }
 
     .debate-description {
@@ -320,6 +324,10 @@
     line-height: $line-height*2;
     text-align: justify;
 
+    a {
+        color: $text-light;
+    }
+
     .bullet {
       color: $border;
     }
@@ -369,6 +377,11 @@
     display: inline-block;
     margin-top: $line-height;
   }
+
+  .tags {
+    display: block;
+    margin-top: $line-height;
+  }
 }
 
 // 04. New

app/assets/stylesheets/participacion.scss

@@ -73,6 +73,14 @@ p {
   margin-bottom: $line-height/2;
 }
 
+a {
+  color: $link;
+
+  &:hover {
+    color: $link-hover;
+  }
+}
+
 .button {
   padding: rem-calc(15) rem-calc(32);
 }

app/assets/stylesheets/variables.scss

@@ -27,7 +27,7 @@ $comments-text:     #3F4549;
 
 $header-color:      #292B33;
 $link:              #2895F1;
-$link-hover: 		#2178BF;
+$link-hover: 		    #2178BF;
 
 $tags-bg:           #FAFAFA;
 $tags-border:       #F0F0F0;
@@ -38,7 +38,7 @@ $text-medium:       #999999;
 $text-light:        #A3A6AD;
 
 $votes:             #31708f;
-$votes-background:  #26AEEE;
+$votes-bg:          #26AEEE;
 $votes-border:      #1F94CB;
 $votes-like:        #7BD2A8;
 $votes-like-act:    #5D9E7F;
@@ -59,7 +59,7 @@ $success-bg:        #DFF0D8;
 $success-border:    #D6E9C6;
 $success-color:     #3C763D;
 
-$info-bg:	        #D9EDF7;
+$info-bg:	          #D9EDF7;
 $info-border:       #BCE8F1;
 $info-color:        #31708F;
 

app/views/debates/_debate.html.erb

@@ -9,8 +9,7 @@
           <h3><%= link_to debate.title, debate %></h3>
           <p class="debate-info">
             <i class="icon-chat-bubble-two"></i>&nbsp;
-            <%= pluralize(debate.comment_threads.count,
-                t("debates.debate.comment"), t("debates.debate.comments")) %>
+            <%= link_to pluralize(debate.comment_threads.count, t("debates.debate.comment"), t("debates.debate.comments")), debate_path(debate, anchor: "comments") %>
           </p>
           <div class="debate-description">
             <%= link_to debate.description, debate %>

app/views/debates/_featured_debate.html.erb

@@ -8,8 +8,7 @@
         <h3><%= link_to featured_debate.title, featured_debate %></h3>
         <p class="debate-info">
           <i class="icon-chat-bubble-two"></i>&nbsp;
-          <%= pluralize(featured_debate.comment_threads.count,
-              t("debates.show.comment"), t("debates.show.comments")) %>
+          <%= link_to pluralize(featured_debate.comment_threads.count, t("debates.show.comment"), t("debates.show.comments")), debate_path(featured_debate, anchor: "comments") %>
         </p>
         <div class="debate-description">
           <%= link_to featured_debate.description, featured_debate %>

app/views/debates/show.html.erb

@@ -4,11 +4,11 @@
       <i class="icon-angle-left left"></i>&nbsp;<%= link_to t("debates.show.back_link"), debates_path, class: 'left back' %>
       <div class="debate-info">
         <%= image_tag('user_default.jpg', class: 'author-photo', size: '32x32') %>
-        <span class="author"><%= @debate.author.name %></span><span class="bullet">&nbsp;&bullet;&nbsp;</span> <%= l @debate.created_at.to_date %> <span class="bullet">&nbsp;&bullet;&nbsp;</span><i class="icon-chat-bubble-two"></i>&nbsp;<%= pluralize(@debate.comment_threads.count, t("debates.show.comment"), t("debates.show.comments")) %>
+        <span class="author"><%= @debate.author.name %></span><span class="bullet">&nbsp;&bullet;&nbsp;</span> <%= l @debate.created_at.to_date %> <span class="bullet">&nbsp;&bullet;&nbsp;</span><i class="icon-chat-bubble-two"></i>&nbsp;<%= link_to pluralize(@debate.comment_threads.count, t("debates.show.comment"), t("debates.show.comments")), "#comments" %>
       </div>
       <h1><%= @debate.title %></h1>
       <%= @debate.description %>
-      <p><%= render 'shared/tags', debate: @debate %></p>
+      <%= render 'shared/tags', debate: @debate %>
       <p><%= social_share_button_tag(@debate.title) %></p>
     </div>