Merge pull request ruby-china#416 from Martin91/add-dividing-line-between-best-articles

Add dividing line between best articles

Author: huacnlee

app/assets/stylesheets/application.scss

@@ -506,6 +506,11 @@ a.followed {
     a.active { color: #333; border-bottom: 1px dotted #ccc; text-decoration: none; }
     a.popular.active { color: $red; border-bottom-color: $red;}
   }
+  .topics-group:first-child {
+    @media (max-width: 991px) {
+      .topic:last-child { border-bottom: 1px solid #F0F0F0; }
+    }
+  }
   .topic {
     min-height: 68px;
     border-bottom: 1px solid #F0F0F0;

app/views/home/index.html.erb

@@ -49,13 +49,13 @@
     <%
       odd_topics, even_topics = @excellent_topics.partition.each_with_index { |t, i| i.odd?  }
     %>
-    <div class="col-md-6">
+    <div class="col-md-6 topics-group">
       <% cache([odd_topics, "odd"]) do %>
         <%= render partial: "topics/topic", collection: odd_topics, locals: { suggest: false } %>
       <% end %>
     </div>
 
-    <div class="col-md-6">
+    <div class="col-md-6 topics-group">
       <% cache([even_topics, "even"]) do %>
         <%= render partial: "topics/topic", collection: even_topics, locals: { suggest: false } %>
       <% end %>