Updates styles for debates index

app/views/debates/_debate.html.erb

@@ -1,39 +1,40 @@
-<div class="debates-index">
-  <div id="debate-<%= debate.id %>" class="debate">
-    <div class="panel">
-      <div class="row">
-        <div class="small-12 medium-9 column">
-          <div class="debate-content">
-            <span class="label left"><%= t("debates.debate.debate") %></span>
-            <i class="icon-quote-right"></i>
-            <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")) %>
-            </p>
+<div id="debate-<%= debate.id %>" class="debates-index">
+  <div class="panel">
+    <div class="row">
+      <div class="small-12 medium-9 column">
+        <div class="debate-content">
+          <span class="label left"><%= t("debates.debate.debate") %></span>
+          <i class="icon-comment-quotes"></i>
+          <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")) %>
+          </p>
+          <div class="debate-description">
             <%= debate.description %>
-            <%= render "shared/tags", debate: debate %>
+            <div class="truncate"></div>
           </div>
+          <%= render "shared/tags", debate: debate %>
         </div>
-        <div class="small-12 medium-3 column">
-          <div class="text-center votes">
-            <%= link_to debate_votes_path(debate, value: 'yes'), class: "like inline-block", title: t('votes.agree'), method: "post" do %>
-              <i class="icon-like"></i>
-              <span><%= percentage('likes', debate) %></span>
-            <% end %>
+      </div>
+      <div class="small-12 medium-3 column text-center">
+        <div class="votes">
+          <%= link_to debate_votes_path(debate, value: 'yes'), class: "like inline-block", title: t('votes.agree'), method: "post" do %>
+            <i class="icon-like"></i>
+            <span><%= percentage('likes', debate) %></span>
+          <% end %>
 
-            <span class="divider"></span>
+          <span class="divider"></span>
 
-            <%= link_to debate_votes_path(debate, value: 'no'), class: "unlike inline-block", title: t('votes.disagree'), method: "post" do %>
-              <i class="icon-unlike"></i>
-              <span><%= percentage('dislikes', debate) %></span>
-            <% end %>
-            <br>
-            <span class="total-votes">
-              <%= pluralize(debate.total_votes, t("debates.debate.vote"), t("debates.debate.votes")) %>
-            </span>
-          </div>
+          <%= link_to debate_votes_path(debate, value: 'no'), class: "unlike inline-block", title: t('votes.disagree'), method: "post" do %>
+            <i class="icon-unlike"></i>
+            <span><%= percentage('dislikes', debate) %></span>
+          <% end %>
+
+          <span class="total-votes">
+            <%= pluralize(debate.total_votes, t("debates.debate.vote"), t("debates.debate.votes")) %>
+          </span>
         </div>
       </div>
     </div>
   </div>
-</div>
+</div>

app/views/debates/_featured_debate.html.erb

@@ -1,41 +1,37 @@
-<div class="small-12 medium-4 column debates-list">
-  <div class="row">
-    <div class="debates-featured">
-      <div id="debate-<%= featured_debate.id %>" class="small-12 column end debate">
-        <div class="panel">
-          <div class="debate-content">
-            <span class="label left"><%= t("debates.debate.debate") %></span>
-            <i class="icon-quote-right right"></i>
-
-            <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")) %>
-            </p>
-            <p><%= sanitize(truncate(featured_debate.description, length: 200).html_safe) %></p>
-            <p><%= render "shared/tags", debate: featured_debate %></p>
-          </div>
-
-          <div class="row votes">
-            <div class="small-12 column">
-              <%= link_to debate_votes_path(featured_debate, value: "yes"), class: "like", title: t('votes.agree'), method: "post" do %>
-                <i class="icon-like"></i>
-                <span><%= percentage('likes', featured_debate) %></span>
-              <% end %>
-
-              <span class="divider"></span>
-
-              <%= link_to debate_votes_path(featured_debate, value: "no"), class: "unlike", title: t('votes.disagree'), method: "post" do %>
-                <i class="icon-unlike"></i>
-                <span><%= percentage('dislikes', featured_debate) %></span>
-              <% end %>
-
-              <span class="total-votes right">
-                <%= pluralize(featured_debate.total_votes, t("debates.debate.vote"), t("debates.debate.votes")) %>
-              </span>
-            </div>
-          </div>
+<div class="small-12 medium-4 column">
+  <div id="debate-<%= featured_debate.id %>" class="debates-featured">
+    <div class="panel">
+      <div class="debate-content">
+        <span class="label left"><%= t("debates.debate.debate") %></span>
+        <i class="icon-comment-quotes right"></i>
+        <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")) %>
+        </p>
+        <div class="debate-description">
+          <%= featured_debate.description %>
+          <div class="truncate"></div>
         </div>
+        <%= render "shared/tags", debate: featured_debate %>
+      </div>
+
+      <div class="votes">
+        <%= link_to debate_votes_path(featured_debate, value: "yes"), class: "like", title: t('votes.agree'), method: "post" do %>
+          <i class="icon-like"></i>
+          <span><%= percentage('likes', featured_debate) %></span>
+        <% end %>
+
+        <span class="divider"></span>
+
+        <%= link_to debate_votes_path(featured_debate, value: "no"), class: "unlike", title: t('votes.disagree'), method: "post" do %>
+          <i class="icon-unlike"></i>
+          <span><%= percentage('dislikes', featured_debate) %></span>
+        <% end %>
+
+        <span class="total-votes">
+          <%= pluralize(featured_debate.total_votes, t("debates.debate.vote"), t("debates.debate.votes")) %>
+        </span>
       </div>
     </div>
   </div>
-</div>
+</div>

app/views/debates/index.html.erb

@@ -8,7 +8,7 @@
     </div>
     <div class="small-12 medium-3 column">
       <aside role="complementary">
-        <%= link_to t("debates.index.create_debate"), new_debate_path, class: 'button radius' %>
+        <%= link_to t("debates.index.create_debate"), new_debate_path, class: 'button radius expand' %>
         <%= render "shared/tag_cloud" %>
       </aside>
     </div>