From d7a79aeb8a7d356981ce927d3c2107c3895c7196 Mon Sep 17 00:00:00 2001
From: Kane York <rikingcoding@gmail.com>
Date: Tue, 1 Sep 2015 16:49:45 -0700
Subject: [PATCH] Fix mobile styling

---
 .../discourse/templates/components/signup-cta.hbs |  1 +
 app/assets/stylesheets/desktop/alert.scss         |  7 -------
 app/assets/stylesheets/desktop/topic-post.scss    |  8 ++++++++
 app/assets/stylesheets/mobile/topic-post.scss     | 15 +++++++++++++++
 4 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/components/signup-cta.hbs b/app/assets/javascripts/discourse/templates/components/signup-cta.hbs
index 71e59c4a8..defda14fa 100644
--- a/app/assets/javascripts/discourse/templates/components/signup-cta.hbs
+++ b/app/assets/javascripts/discourse/templates/components/signup-cta.hbs
@@ -15,4 +15,5 @@
       <a {{action "neverShow"}}>{{i18n "signup_cta.hide_forever"}}</a>
     </div>
   {{/if}}
+  <div class="clearfix"></div>
 </div>
diff --git a/app/assets/stylesheets/desktop/alert.scss b/app/assets/stylesheets/desktop/alert.scss
index f019918a2..eead66319 100644
--- a/app/assets/stylesheets/desktop/alert.scss
+++ b/app/assets/stylesheets/desktop/alert.scss
@@ -1,10 +1,3 @@
 .alert {
   margin-bottom: 15px;
 }
-.signup-cta {
-  margin-top: 15px;
-  a {
-    float: right;
-    text-decoration: underline;
-  }
-}
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 41409878f..df6a7d345 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -971,6 +971,14 @@ span.highlighted {
   transition: opacity ease-out 1s;
 }
 
+.signup-cta {
+  margin-top: 15px;
+  width: $topic-body-width;
+  a {
+    float: right;
+    text-decoration: underline;
+  }
+}
 
 /* Tablet (portrait) ----------- */
 
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index ef1bbbe8b..9c1c6a3dd 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -509,6 +509,21 @@ span.highlighted {
   display: none;
 }
 
+.signup-cta {
+  margin-top: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  width: calc(100% - 50px);
+  a {
+    float: right;
+    text-decoration: underline;
+    margin-top: 7px;
+  }
+  button {
+    margin-right: 7px;
+  }
+}
+
 .small-action .small-action-desc {
   p {
     padding-top: 0;