From 722cce7400edc77c7bd00d2df6b890c9ae52c15d Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Mon, 19 Oct 2015 23:02:32 -0700
Subject: [PATCH] FIX: mobile logo was too wide

---
 app/assets/stylesheets/mobile/header.scss     |  4 ++--
 app/assets/stylesheets/mobile/topic-list.scss | 20 +++++++++++++++----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss
index 25fd40d141f..3b8e8e15f4d 100644
--- a/app/assets/stylesheets/mobile/header.scss
+++ b/app/assets/stylesheets/mobile/header.scss
@@ -5,12 +5,12 @@
 .d-header {
 
   #site-logo {
-    max-width: 155px;
+    max-width: 130px;
   }
 
   // some protection for text-only site titles
   .title {
-    max-width: 160px;
+    max-width: 130px;
     height: 39px;
     overflow: hidden;
     padding: 0;
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 043fe85f6d7..a391f4c67fc 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -140,6 +140,7 @@
 
   .posts {
     width: 10%;
+    vertical-align: top;
   }
 
   .age {
@@ -236,10 +237,15 @@ tr.category-topic-link {
     font-size: 110%;
   }
 
-  .category-topic-link .num {
-    white-space: nowrap;
-    .number {
-      font-size: 1.071em;
+  .category-topic-link {
+    .num {
+      white-space: nowrap;
+      .number {
+        font-size: 1.071em;
+      }
+    }
+    .topic-excerpt {
+      width: 110%;
     }
   }
 
@@ -404,4 +410,10 @@ td .main-link {
     font-size: 1.071em;
     padding-top: 2px;
   }
+  // so the topic excerpt is full width
+  // as the containing div is 80%
+  .topic-excerpt {
+    padding-right: 0;
+    width: 120%;
+  }
 }