FIX thumbs and Fotorams style

public/css/style.css

@@ -22,6 +22,8 @@ div.header {display: block; position: absolute; top: 0px; left: 40px; z-index: 1
 div.header img {height: 99px;}
 div.add {cursor: pointer;}
 
+.fotorama {display: inline-block;}
+
 #addPointModal .extraImage .button {cursor: pointer; background-color: #eeeeee;}
 #addPointModal .extraImage .remove:hover {background-color: #f4bfbf;}
 #addPointModal .extraImage .add:hover {background-color: #bff4c8;}
@@ -84,3 +86,52 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
 
 /* ------------- PAGE --------------------*/
 .coords-container {text-align: right; margin-bottom: 20px; color: #777;font-size: 0.9em;}
+
+
+
+/* -------------------------------------------*/
+/* ------------- ADAPTIVE --------------------*/
+/* -------------------------------------------*/
+
+/* Target landscape smartphones, portrait tablets, narrow desktops */
+@media screen and (max-width:1000px) {
+    .modal-dialog {
+        width: 100%!important;
+        height: 100%!important;
+        margin: 0!important;
+    }
+    .modal-content {
+        width: 100%!important;
+        height: 100%!important;
+        /*margin: 0!important;*/
+    }
+    
+    .modal-header {
+        border: none!important;
+        margin-bottom: -47px!important;
+    }
+    .modal-header .close {
+        font-size: 40px!important;
+        position: absolute!important;
+        z-index: 10!important;
+        right: 10px!important;
+        top: 0px!important;
+    }
+    .modal-header h4 {
+        display: none!important;
+    }
+    .modal-body {
+        padding: 3px!important;
+        margin: 0!important;
+    }
+}
+
+/* Target landscape smartphones, portrait tablets, narrow desktops */
+@media screen and (max-width:768px) {
+/*    .leaflet-popup {
+        width: 100%!important;
+        height: 100%!important;
+        margin: 0!important;
+    }*/
+}
+