Improve mobile friendliness of crawler view

Improve mobile friendliness of crawler view

diff --git a/app/assets/stylesheets/common/base/crawler_layout.scss b/app/assets/stylesheets/common/base/crawler_layout.scss
index c279ace..bff0add 100644
--- a/app/assets/stylesheets/common/base/crawler_layout.scss
+++ b/app/assets/stylesheets/common/base/crawler_layout.scss
@@ -27,6 +27,36 @@ body.crawler {
 
   .topic-list {
     margin-bottom: 1em;
+    @media (max-width: 850px) {
+      td {
+        word-break: break-all;
+        &.posters {
+          a:not(:last-of-type) {
+            display: none;
+          }
+          a:last-of-type {
+            display: block;
+          }
+        }
+      }
+
+      td,
+      th {
+        &.views {
+          display: none;
+        }
+      }
+
+      .link-top-line {
+        a.title {
+          padding: 0;
+        }
+      }
+
+      .link-bottom-line {
+        margin-top: 0.25em;
+      }
+    }
   }
 
   footer {
diff --git a/app/views/list/list.erb b/app/views/list/list.erb
index 2d32efb..2338d39 100644
--- a/app/views/list/list.erb
+++ b/app/views/list/list.erb
@@ -47,8 +47,8 @@
       <tr>
         <th><%= t 'js.topic.title' %></th>
         <th></th>
-        <th><%= t 'js.replies' %></th>
-        <th><%= t 'js.views' %></th>
+        <th class="replies"><%= t 'js.replies' %></th>
+        <th class="views"><%= t 'js.views' %></th>
         <th><%= t 'js.activity' %></th>
       </tr>
     </thead>
@@ -101,10 +101,10 @@
               <% end %>
             <% end %>
           </td>
-          <td>
+          <td class="replies">
             <span class='posts' title='<%= t 'posts' %>'><%= t.posts_count %></span>
           </td>
-          <td>
+          <td class="views">
             <span class='views' title='<%= t 'views' %>'><%= t.views %></span>
           </td>
           <td>

GitHub sha: 864fb45f