From 8c6d0ecd642089f37f1c2ab80687d8419687b8a4 Mon Sep 17 00:00:00 2001
From: giorgia <g.sambrotta@gmail.com>
Date: Fri, 10 Feb 2017 17:10:24 +0100
Subject: [PATCH] fix replay btn position on mobile and desktop

---
 app/assets/javascripts/discourse/templates/topic.hbs | 4 +++-
 app/assets/stylesheets/desktop/topic-post.scss       | 4 ++++
 app/assets/stylesheets/mobile/topic-post.scss        | 5 +++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/templates/topic.hbs b/app/assets/javascripts/discourse/templates/topic.hbs
index bd02891d6bc..ff77c3ae0ed 100644
--- a/app/assets/javascripts/discourse/templates/topic.hbs
+++ b/app/assets/javascripts/discourse/templates/topic.hbs
@@ -200,7 +200,9 @@
                     replyToPost=(action "replyToPost")
                     }}
                 {{else}}
-                  {{d-button icon="reply" class="btn-primary" action="showLogin" label="topic.reply.title"}}
+                  <div id="topic-footer-button">
+                    {{d-button icon="reply" class="btn-primary pull-right" action="showLogin" label="topic.reply.title"}}
+                  </div>
                 {{/if}}
               {{/if}}
 
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 219d31569f3..871e42c0d7b 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -442,6 +442,10 @@ a.star {
   }
 }
 
+#topic-footer-button {
+  width: 757px;
+}
+
 #suggested-topics {
   clear: left;
   padding: 20px 0 15px 0;
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 475d35b0c96..c13be8a7c42 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -330,6 +330,11 @@ a.star {
   color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
 }
 
+#topic-footer-button {
+  width: 100px;
+  margin: 0 auto;
+}
+
 #suggested-topics {
   clear: left;
   padding: 20px 0 15px 0;