MT#5867 fix modal height on small screens

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;