From 115fe897bb5e93ec4205f62c61fa528af0344d0f Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 13 Mar 2015 12:38:42 +0100
Subject: [PATCH] fix modal center controls to align center

---
 app/assets/javascripts/app/views/modal.jst.eco | 12 +++++++++---
 app/assets/stylesheets/zammad.css.scss         | 12 ++++++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/views/modal.jst.eco b/app/assets/javascripts/app/views/modal.jst.eco
index ca88a0c35..21764759b 100644
--- a/app/assets/javascripts/app/views/modal.jst.eco
+++ b/app/assets/javascripts/app/views/modal.jst.eco
@@ -22,13 +22,19 @@
       </div>
       <div class="modal-footer horizontal">
   <% if @cancel: %>
-        <a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
+        <div class="modal-leftFooter">
+          <a class="subtle-link standalone js-cancel align-left" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
+        </div>
   <% end %>
   <% for button in @centerButtons: %>
-        <div class="btn <%= button.className %> align-center"><%- @T( button.text ) %></div>
+        <div class="modal-centerFooter">
+          <div class="btn <%= button.className %> align-center"><%- @T( button.text ) %></div>
+        </div>
   <% end %>
   <% if @button: %>
-        <button type="submit" class="btn <%= @buttonClass %> js-submit align-right"><%- @T( @button ) %></button>
+        <div class="modal-rightFooter">
+          <button type="submit" class="btn <%= @buttonClass %> js-submit align-right"><%- @T( @button ) %></button>
+        </div>
   <% end %>
       </div>
     </div>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 81fdb463e..6c4f536da 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -4374,6 +4374,14 @@ footer {
     border: none;
   }
 
+  .modal-leftFooter,
+  .modal-centerFooter,
+  .modal-rightFooter {
+    @extend .flex;
+    @extend .horizontal;
+    @extend .start;
+  }
+
 .modal.modal--local {
   display: block;
   padding-left: 40px;
@@ -5511,6 +5519,10 @@ body.fit {
   width: 33.33%;
 }
 
+.align-left {
+  margin-right: auto;
+}
+
 .align-right {
   margin-left: auto;
 }