From 90aaa27b98a16318ab724640b0ae045eb4a1f072 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Thu, 12 Sep 2013 15:09:24 -0400
Subject: [PATCH] Fix modal button spacing on mobile

---
 app/assets/stylesheets/mobile/modal.css.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/mobile/modal.css.scss b/app/assets/stylesheets/mobile/modal.css.scss
index 1548c7359bc..402f105e359 100644
--- a/app/assets/stylesheets/mobile/modal.css.scss
+++ b/app/assets/stylesheets/mobile/modal.css.scss
@@ -122,8 +122,10 @@
 .modal-footer:after {
   clear: both;
 }
-.modal-footer .btn + .btn {
-  margin-left: 5px;
+// an ember metamorph is inserted between btn's sometimes, breaking this rule, but only on mobile for some reason:
+// .modal-footer .btn + .btn {
+.modal-footer .btn {
+  margin-right: 5px;
   margin-bottom: 0;
 }
 .modal-footer .btn-group .btn + .btn {