From 85eae96a112ef2f4134343242ea358d41204bcc5 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Tue, 26 Sep 2017 09:23:50 -0400
Subject: [PATCH] UX: Cancel button looked ugly on post warning modal

---
 .../javascripts/discourse/controllers/composer.js.es6     | 2 +-
 app/assets/stylesheets/common/base/modal.scss             | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/controllers/composer.js.es6 b/app/assets/javascripts/discourse/controllers/composer.js.es6
index 563b0992d6c..61f381a2391 100644
--- a/app/assets/javascripts/discourse/controllers/composer.js.es6
+++ b/app/assets/javascripts/discourse/controllers/composer.js.es6
@@ -430,7 +430,7 @@ export default Ember.Controller.extend({
 
         let buttons = [{
           "label": I18n.t("composer.cancel"),
-          "class": "cancel",
+          "class": "d-modal-cancel",
           "link": true
         }];
 
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index 7c7300ebec7..67be235c9b1 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -227,6 +227,12 @@
 
 .reply-where-modal {
   .modal-footer {
+    a {
+      display: block;
+    }
+    .d-modal-cancel {
+      margin-top: 1em;
+    }
     .btn {
       text-align: left;
       font-size: 1.286em;
@@ -241,7 +247,7 @@
         font-weight: normal;
       }
       &.btn-reply-here {
-        background: $primary-low; 
+        background: $primary-low;
         text-shadow: none;
         color: $primary;
       }