From bfd892bbbc7edc89dc6a7f7248b71972e68ce8a2 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Fri, 23 Jun 2017 01:52:06 -0700
Subject: [PATCH] better responsive layout for new topic btn

---
 .../discourse/templates/navigation/default.hbs       |  2 +-
 app/assets/stylesheets/desktop/topic-list.scss       | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/navigation/default.hbs b/app/assets/javascripts/discourse/templates/navigation/default.hbs
index c8cc96a9e73..07fb2f693db 100644
--- a/app/assets/javascripts/discourse/templates/navigation/default.hbs
+++ b/app/assets/javascripts/discourse/templates/navigation/default.hbs
@@ -4,6 +4,6 @@
   {{navigation-bar navItems=navItems filterMode=filterMode}}
 
   {{#if canCreateTopic}}
-    <button id="create-topic" class='btn btn-default' {{action "createTopic"}}><i class='fa fa-plus'></i>{{i18n 'topic.create'}}</button>
+    <button id="create-topic" class='btn btn-default' {{action "createTopic"}}><i class='fa fa-plus'></i><span>{{i18n 'topic.create'}}</span></button>
   {{/if}}
 {{/d-section}}
diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index c59373c6edd..58932112a11 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -313,10 +313,20 @@ and (max-width : 850px) {
   .nav-pills {
     > li > a {
       font-size: 1em;
-      padding: 5px 10px ;
+      padding: 5px 10px;
       }
   }
 
+  // new topic just a "+" no text
+  button#create-topic {
+    span {
+      display: none;
+    }
+    i {
+      margin-right: 0;
+    }
+  }
+
   .topic-list {
 
     // tighter table header spacing