modal width more flexible

so it doesn't break on narrow screen
12 years ago · fdd302c093
parent dcd965f312
commit fdd302c093
1 changed files with 10 additions and 2 deletions
--- a/share/templates/helpers/datatables.tt
+++ b/share/templates/helpers/datatables.tt
@ -1,8 +1,16 @@
 <script src="/js/libs/datatables-bootstrap-paging.js"></script>
 <style>
 div.modal {
-    width: 816px;
-    margin: -250px 0 0 -408px
+    max-width: 816px;
+    width: 100%;
+    margin: -250px 0 0 -408px;
+    top: 50%;
+    left: 50%; /* override responsive css (bootstrap-responsive.css) */
+}
+@media (max-width: 830px) {
+    div.modal {
+        margin-left: -50%;
+    }
 }

 div.modal .table thead tr th, div.modal .table tbody tr td {