From 21b018192fb1642e5df0462ec81cd212d4b68b1e Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Tue, 17 Sep 2013 17:02:10 -0400
Subject: [PATCH] Style categories page for mobile

---
 .../discourse/templates/mobile/.gitkeep       |  0
 .../mobile/list/categories.js.handlebars      |  1 +
 .../stylesheets/mobile/topic-list.css.scss    | 31 +++----------------
 3 files changed, 5 insertions(+), 27 deletions(-)
 delete mode 100644 app/assets/javascripts/discourse/templates/mobile/.gitkeep
 create mode 100644 app/assets/javascripts/discourse/templates/mobile/list/categories.js.handlebars

diff --git a/app/assets/javascripts/discourse/templates/mobile/.gitkeep b/app/assets/javascripts/discourse/templates/mobile/.gitkeep
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/app/assets/javascripts/discourse/templates/mobile/list/categories.js.handlebars b/app/assets/javascripts/discourse/templates/mobile/list/categories.js.handlebars
new file mode 100644
index 00000000000..b58458b3644
--- /dev/null
+++ b/app/assets/javascripts/discourse/templates/mobile/list/categories.js.handlebars
@@ -0,0 +1 @@
+{{each categories itemViewClass="Discourse.FeaturedTopicsView"}}
\ No newline at end of file
diff --git a/app/assets/stylesheets/mobile/topic-list.css.scss b/app/assets/stylesheets/mobile/topic-list.css.scss
index 512e1b2a6bf..aab4dc56e51 100644
--- a/app/assets/stylesheets/mobile/topic-list.css.scss
+++ b/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 {