Style categories page for mobile

app/assets/javascripts/discourse/templates/mobile/list/categories.js.handlebars

@@ -0,0 +1 @@
+{{each categories itemViewClass="Discourse.FeaturedTopicsView"}}

app/assets/stylesheets/mobile/topic-list.css.scss

@@ -53,7 +53,7 @@
   tbody tr {
     background-color: $white;
     &:nth-child(even) {
-      background-color: darken($white, 2%);
+      background-color: darken($white, 4%);
     }
     &.archived a {
       opacity: 0.6;
@@ -182,29 +182,6 @@
 // Category list
 // --------------------------------------------------
 
-.category-column {
-  float: left;
-  width: 550px;
-  &.first {
-    margin-right: 10px;
-  }
-}
-
-@include medium-width {
-  .category-column {
-    width: 493px;
-    &.first {
-      margin-right: 9px;
-    }
-  }
-}
-
-@include small-width {
-  .category-column {
-    width: 470px;
-  }
-}
-
 .category-list-item {
   margin-bottom: 10px;
   #topic-list tbody tr:nth-child(even) {
@@ -216,13 +193,13 @@
   }
   .posters {
     float: left;
+    display: none;
   }
   > footer {
-    border: 1px solid $topic-list-border-color;
+    border-bottom: 1px solid $topic-list-border-color;
     border-top: 0;
     padding: 7px 10px;
     background-color: lighten($topic-list-th-background-color, 2%);
-    @include border-radius-all(0 0 4px 4px);
     @include box-shadow(0 1px 3px rgba($black, 0.22));
     figure {
       float: left;
@@ -259,7 +236,7 @@
 // Topics
 
 #topic-list-bottom {
-  margin: 20px 0 0 12px;
+  margin: 20px 12px 0 12px;
 }
 
 .topics-loading {