reworked forum listing layout a bit for small screens (using foundati…

…on css)

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 %>

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>