From b424c56fe1a3ccd3aede6d4971fa154f7a96ab61 Mon Sep 17 00:00:00 2001
From: Gerhard Jungwirth <gjungwirth@sipwise.com>
Date: Mon, 3 Feb 2014 18:27:25 +0100
Subject: [PATCH] MT#5867 fix modal height on small screens

---
 share/static/css/main.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/share/static/css/main.css b/share/static/css/main.css
index 0bf88289ee..4543362db9 100644
--- a/share/static/css/main.css
+++ b/share/static/css/main.css
@@ -31,7 +31,7 @@ body {
 div.ngcp-modal {
     max-width: 816px;
     width: 100%;
-    margin: -250px 0 0 -408px;
+    margin: -275px 0 0 -408px;
     top: 50%;
     left: 50%; /* override responsive css (bootstrap-responsive.css) */
     display: block;
@@ -41,6 +41,15 @@ div.ngcp-modal {
         margin-left: -50%;
     }
 }
+@media (max-height: 550px) { /* our modal is 550px in total */
+    /* takes care, buttons in .modal-footer stay visible */
+    div.ngcp-modal {
+        top: 0;
+        bottom: 0;
+        overflow-y: scroll;
+        margin-top: 0;
+    }
+}
 
 div.ngcp-modal .table thead tr th, div.modal .table tbody tr td {
     padding-top: 4px;