fix map buttons positioning

rand256 · Jun 25, 2019 · 7134f57 · 7134f57
1 parent 6c3af93
commit 7134f57
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/client/forbidden-markers-configuration-map.html b/client/forbidden-markers-configuration-map.html
@@ -9,7 +9,7 @@
         <canvas id="forbidden-markers-configuration-map"></canvas>
     </div>
 
-    <div class="map-page-buttons">
+    <div class="map-page-buttons map-page-bottom">
         <ons-fab ripple id="forbidden-markers-configuration-add-wall">
             <ons-icon icon="fa-ellipsis-v"></ons-icon>
         </ons-fab>

diff --git a/client/map.html b/client/map.html
@@ -5,13 +5,13 @@
         <canvas id="map-canvas"></canvas>
     </div>
 
-    <div class="map-page-buttons map-page-reload-button">
+    <div class="map-page-buttons map-page-top">
         <ons-fab ripple id="map_reload_button">
             <ons-icon icon="fa-refresh"></ons-icon>
         </ons-fab>
     </div>
 
-    <div class="map-page-buttons">
+    <div class="map-page-buttons map-page-bottom">
         <ons-fab ripple id="promote_zone" style="display: none;">
             <ons-icon icon="fa-angle-double-up"></ons-icon>
         </ons-fab>
@@ -166,20 +166,23 @@
             background-image: linear-gradient(var(--map-background-1), var(--map-background-2));
         }
 
-        .map-page-reload-button.map-page-buttons {
-            top: 1.5em;
-        }
-
         .map-page-buttons {
             position: absolute;
             right: 1.5em;
-            bottom: 1.5em;
             display: grid;
             grid-template-columns: auto;
             grid-template-rows: auto;
             grid-gap: 0.5em;
         }
 
+        .map-page-top {
+            top: 1.5em;
+        }
+
+        .map-page-bottom {
+            bottom: 1.5em;
+        }
+
         .map-page-buttons > ons-fab {
             background-color: #ffffff;
             color: #31313a;

diff --git a/client/spot-configuration-map.html b/client/spot-configuration-map.html
@@ -9,7 +9,7 @@
         <canvas id="spot-configuration-map"></canvas>
     </div>
 
-    <div class="map-page-buttons">
+    <div class="map-page-buttons map-page-bottom">
         <ons-fab ripple id="spot-configuration-save">
             <ons-icon icon="fa-save"></ons-icon>
         </ons-fab>

diff --git a/client/zones-configuration-map.html b/client/zones-configuration-map.html
@@ -9,7 +9,7 @@
         <canvas id="zone-configuration-map"></canvas>
     </div>
 
-    <div class="map-page-buttons">
+    <div class="map-page-buttons map-page-bottom">
         <ons-fab ripple id="promote_configuration_zone" style="display: none;">
             <ons-icon icon="fa-angle-double-up"></ons-icon>
         </ons-fab>