From e7ceb58cf4a38382bbea2f1cdbaaf6ade705922e Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Tue, 25 Mar 2014 14:48:23 -0400
Subject: [PATCH] FIX: modal buttons on Safari iOS are at the bottom of the
 viewport, which is an unusable part of the screen in iOS 7. Add padding so
 you can scroll those buttons high enough so they're clickable. Apple, fix
 this garbage omgwtfbbq.

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

diff --git a/app/assets/stylesheets/mobile/modal.scss b/app/assets/stylesheets/mobile/modal.scss
index a3573e38b..05a5fd27e 100644
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@@ -45,7 +45,7 @@
 .modal-middle-container {
   margin-top: 10%;
   max-width: 100%;
-
+  margin-bottom: 30px; // For iOS Safari issues
 }
 .modal-inner-container {
   max-width: 100%;
@@ -122,7 +122,7 @@
 // .modal-footer .btn + .btn {
 .modal-footer .btn {
   margin-right: 5px;
-  margin-bottom: 0;
+  margin-bottom: 5px;
 }
 .modal-footer .btn-group .btn + .btn {
   margin-left: -1px;