feat(agent): added better responsive UI for OpenStreetMap

flyve-mdm · Nov 20, 2017 · c25fe1b · c25fe1b
1 parent bf78c36
commit c25fe1b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -80,3 +80,16 @@ ul#menu ul.ssmenu {
    float: right;
    width: 200px;
 }
+
+/* ################--------------- Responsive  ---------------#################### */
+@media screen and (max-width: 700px) {
+   #plugin_flyvemdm_geolocationMap {
+      float: none;
+      width: 100%;
+   }
+
+   #plugin_flyvemdm_geolocationList {
+      float: none;
+      width: 100%;
+   }
+}
diff --git a/tpl/computer_geolocation.html b/tpl/computer_geolocation.html
@@ -1,11 +1,11 @@
 <div class="plugin_flyvemdm_clear">
-   <div id="plugin_flyvemdm_geolocationMap">
-   </div>
    <div id="plugin_flyvemdm_geolocationList">
       <div>{{ __('view from', 'flyvemdm') }}{{ beginDate|raw }}</div>
       <div>{{ __('view until', 'flyvemdm') }}{{ endDate|raw }}</div>
       <div><p><a href="#" class="vsubmit" onclick="loadMarkers()">{{ __('update', 'flyvemdm') }}</a></p></div>
    </div>
+   <div id="plugin_flyvemdm_geolocationMap">
+   </div>
    <script  type="text/javascript">$(function() {
       var map;
       var markers = [];