Responsiveness updates to the print modal window - issue #804 (#1173)

* Responsiveness updates to the print modal window

Fixed radio inputs’ margins and made modal window scrollable and it’s
width contained inside the main window

* Restricted max height of the modal

Now it shouldn’t become bigger then the original version

web/client/plugins/Print.jsx

@@ -141,9 +141,7 @@ const Print = React.createClass({
                 },
                 glyph: "print"
             },
-            style: {
-                width: "840px !important"
-            }
+            style: {}
         };
     },
     componentWillMount() {

web/client/product/assets/css/viewer.css

@@ -317,15 +317,22 @@ html, body, #container, .fill {
     opacity: 0.5;
     color: white;
 }
+
 @media (min-width: 992px) {
     #mapstore-print-panel {
-        width: 825px !important;
+        width: 825px;
     }
 }
 
 @media (max-width: 991px) {
     #mapstore-print-panel {
-        width: 500px !important;
+        width: 700px;
+    }
+}
+
+@media (max-width: 767px) {
+    #mapstore-print-panel {
+        width: 98%;
     }
 }
 
@@ -341,8 +348,10 @@ html, body, #container, .fill {
     float: right;
 }
 
-#mapstore-print-panel input[type=radio] {
-    margin-left: 20px;
+@media (min-width: 768px) {
+    #mapstore-print-panel input[type=radio] {
+        margin: 0 8px 0 20px;
+    }
 }
 
 #mapstore-print-panel .print-map-preview {
@@ -435,6 +444,8 @@ html, body, #container, .fill {
 
 .modal-body {
     background-color: white;
+    max-height: calc(100vh - 190px);
+    overflow-y: auto;
 }
 
 #mapstore-shapefile-upload {