Fix error message taking full height and preventing map events;

make error text selectable

css/style.css

@@ -133,8 +133,11 @@ footer {
     -moz-user-select: text;
 }
 #message {
+    position: absolute;
+    margin: 10px 46px; /* 10 + 26 + 10 */
     z-index: 3000;
     font-size: 1rem;
+    cursor: auto;
 }
 
 #profile_buttons {
@@ -248,10 +251,6 @@ https://css-tricks.com/svg-line-animation-works/
     padding: 2px 15px;
 }
 
-#message .alert {
-    margin: 10px 46px; /* 10 + 26 + 10 */
-}
-
 #profile_message .alert {
     margin-top: 3px;
 }

js/control/Message.js

@@ -15,6 +15,8 @@ BR.Message = L.Class.extend({
             iconClass = (type === 'warning') ? 'fa-exclamation-triangle' : 'fa-times-circle',
             alertClass = (type === 'warning') ? 'alert-warning' : 'alert-danger';
 
+        L.DomEvent.disableClickPropagation(ele);
+
         ele.innerHTML =
               '<div class="alert ' + alertClass + ' alert-dismissible fade in" role="alert">'
             + '  <button type="button" class="close" data-dismiss="alert" aria-label="Close">'