Style categories page for mobile

app/assets/javascripts/discourse/templates/list/wide_categories.js.handlebars

@@ -30,7 +30,7 @@
                 <a href={{unbound newUrl}} class='badge new-posts badge-notification' title='{{i18n topic.new_topics count="newTopics"}}'>{{unbound newTopics}} <i class='fa fa-asterisk'></i></a>
               {{/if}}
             </div>
-            <div class='featured-users pull-right'>
+            <div class='featured-users'>
               {{#each featured_users}}
                 <a href="/users/{{unbound username_lower}}">{{avatar this imageSize="small"}}</a>
               {{/each}}

app/assets/stylesheets/common/foundation/mixins.scss

@@ -41,6 +41,18 @@
   }
 }
 
+@mixin portrait {
+  @media only screen and (max-width : 320px) {
+    @content;
+  }
+}
+
+@mixin landscape {
+  @media only screen and (min-width : 321px) {
+    @content;
+  }
+}
+
 // CSS3 properties
 // --------------------------------------------------
 

app/assets/stylesheets/desktop/topic-list.scss

@@ -289,6 +289,7 @@
       }
     }
     .featured-users {
+      float: right;
       margin-right: 13px;
     }
     .category-description {

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

@@ -162,6 +162,32 @@
 // Category list
 // --------------------------------------------------
 
+#topic-list.categories {
+  .featured-users {
+    @include portrait  {
+      margin-bottom: 10px;
+      padding-top: 8px;
+      clear: left;
+    }
+    @include landscape  {
+      float: right;
+    }
+  }
+  .latest {
+    @include portrait { width: 150px; }
+    @include landscape { width: 270px; }
+    .featured-topic {
+      margin: 8px 0;
+      a.last-posted-at, a.last-posted-at:visited {
+        color: #888;
+      }
+    }
+  }
+  .stats {
+    display: none;
+  }
+}
+
 .category-list-item {
   margin-bottom: 10px;
   #topic-list tbody tr:nth-child(even) {