MAPG-103 save map metadata

public/static/css/map_editor.css

@@ -1,3 +1,17 @@
+#metadata {
+    position: absolute;
+    top: 50px;
+    left: 10px;
+    padding: 10px;
+    background-color: #eeeeee;
+    border: solid 1px #555555;
+    border-radius: 3px;
+    box-sizing: border-box;
+    opacity: 0.95;
+    z-index: 2;
+    visibility: hidden;
+}
+
 #map {
     width: 100%;
     height: calc(100% - 40px);
@@ -28,12 +42,15 @@
 
 #control {
     position: absolute;
+    top: 50px;
+    right: 10px;
     width: 125px;
     z-index: 3;
 }
 
 #placeControl {
     position: absolute;
+    right: 10px;
     z-index: 3;
     width: 100px;
     visibility: hidden;
@@ -44,6 +61,9 @@
 }
 
 @media screen and (max-width: 999px) and (min-height: 600px) {
+    #metadata {
+        width: calc(100% - 155px);
+    }
     #map.selected {
         height: calc(50% - 20px);
     }
@@ -53,17 +73,18 @@
         right: 0;
         height: calc(50% - 20px);
     }
-    #control {
-        right: 10px;
-        top: 50px;
-    }
     #placeControl {
-        right: 10px;
         top: calc(50% + 30px);
     }
 }
 
 @media screen and (min-width: 1000px), (max-height: 599px) {
+    #metadata {
+        width: calc(50% - 20px);
+    }
+    #metadata.selected {
+        top: 95px;
+    }
     #map.selected {
         width: 50%;
     }
@@ -73,12 +94,13 @@
         right: 0;
         width: 50%;
     }
-    #control, #placeControl {
-        right: 10px;
+    #placeControl {
         top: 50px;
     }
+    #modified.selected {
+        right: calc(50% + 10px);
+    }
     #control.selected {
         right: calc(50% + 10px);
-        top: 50px;
     }
 }