From e29806b9d3c9131cd09c9558f6a9ee23323731e9 Mon Sep 17 00:00:00 2001
From: Arpit Jalan <arpit@techapj.com>
Date: Mon, 28 Mar 2016 22:11:08 +0530
Subject: [PATCH] UX: center align exceptions page button on mobile

---
 app/assets/javascripts/discourse/controllers/exception.js.es6 | 3 ++-
 app/assets/javascripts/discourse/templates/exception.hbs      | 2 +-
 app/assets/stylesheets/common/base/exception.scss             | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/controllers/exception.js.es6 b/app/assets/javascripts/discourse/controllers/exception.js.es6
index 2adcff6c0fe..a44d0b9c939 100644
--- a/app/assets/javascripts/discourse/controllers/exception.js.es6
+++ b/app/assets/javascripts/discourse/controllers/exception.js.es6
@@ -11,7 +11,8 @@ var ButtonBackBright = {
     ButtonTryAgain = {
       classes: "btn-primary",
       action: "tryLoading",
-      key: "errors.buttons.again"
+      key: "errors.buttons.again",
+      icon: "refresh"
     },
     ButtonLoadPage = {
       classes: "btn-primary",
diff --git a/app/assets/javascripts/discourse/templates/exception.hbs b/app/assets/javascripts/discourse/templates/exception.hbs
index 9416f2b4360..f8e486bb6cf 100644
--- a/app/assets/javascripts/discourse/templates/exception.hbs
+++ b/app/assets/javascripts/discourse/templates/exception.hbs
@@ -14,7 +14,7 @@
     </div>
     <div class="buttons">
       {{#each buttonData in enabledButtons}}
-        <button class="btn {{unbound buttonData.classes}}" {{action buttonData.action}}>{{boundI18n buttonData.key}}</button>
+        {{d-button icon=buttonData.icon action=buttonData.action label=buttonData.key class=buttonData.classes}}
       {{/each}}
       {{conditional-loading-spinner condition=loading}}
     </div>
diff --git a/app/assets/stylesheets/common/base/exception.scss b/app/assets/stylesheets/common/base/exception.scss
index 3b3282104d4..c9a70876513 100644
--- a/app/assets/stylesheets/common/base/exception.scss
+++ b/app/assets/stylesheets/common/base/exception.scss
@@ -21,6 +21,7 @@
     }
   }
   .buttons {
+    display: inline-flex;
     margin-top: 15px;
 
     button {