From 38e0387f637fd12577728ee7a83aad4dbe7b4249 Mon Sep 17 00:00:00 2001
From: Jasper van Bourgognie <van.bourgognie@gmail.com>
Date: Sat, 18 Oct 2014 00:20:09 +0200
Subject: [PATCH] reworked forum listing layout a bit for small screens (using
 foundation css)

---
 app/views/forem/forums/_forum.html.erb   | 10 ++++++----
 app/views/forem/forums/_listing.html.erb |  6 +++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/views/forem/forums/_forum.html.erb b/app/views/forem/forums/_forum.html.erb
index 1cc2f22b9..1ab3c82f9 100644
--- a/app/views/forem/forums/_forum.html.erb
+++ b/app/views/forem/forums/_forum.html.erb
@@ -1,7 +1,9 @@
 <% if can?(:read, forum) %>
   <tr class="forum <%= cycle("odd", "even") %>">
     <td>
-      <%= link_to forem_emojify(forum.title), forem.forum_path(forum), :class => "title" %>
+      <h3>
+      <%= link_to forem_emojify(forum.title), forem.forum_path(forum)%>
+      </h3>
       <div class='description'><%= forem_format(forum.description) %></div>
       <%= t('forem.forums.index.last_post') -%>
       <span class='last_post'>
@@ -13,8 +15,8 @@
         <% end %>
       </span>
     </td>
-    <td class="topics-count"><%= topics_count(forum) %></td>
-    <td class="posts-count"><%= posts_count(forum) %></td>
-    <td class="views-count"><%= forum.views_count %></td>
+    <td class="topics-count show-for-medium-up"><%= topics_count(forum) %></td>
+    <td class="posts-count show-for-medium-up"><%= posts_count(forum) %></td>
+    <td class="views-count show-for-medium-up"><%= forum.views_count %></td>
   </tr>
 <% end %>
diff --git a/app/views/forem/forums/_listing.html.erb b/app/views/forem/forums/_listing.html.erb
index 8c664bccb..51c38bc52 100644
--- a/app/views/forem/forums/_listing.html.erb
+++ b/app/views/forem/forums/_listing.html.erb
@@ -2,9 +2,9 @@
   <thead>
   <tr>
     <th class="desc-and-last-post"><%= t('forum', :scope => 'forem.general') %></th>
-    <th class="topics-count"><%= t('topics', :scope => 'forem.general') %></th>
-    <th class="posts-count"><%= t('posts', :scope => 'forem.general') %></th>
-    <th class="views-count"><%= t('forem.forums.index.views') %></th>
+    <th class="topics-count show-for-medium-up"><%= t('topics', :scope => 'forem.general') %></th>
+    <th class="posts-count show-for-medium-up"><%= t('posts', :scope => 'forem.general') %></th>
+    <th class="views-count show-for-medium-up"><%= t('forem.forums.index.views') %></th>
   </tr>
   </thead>
   <tbody>