better mobile support

[syj.git] / public / css / syj.css

diff --git a/public/css/syj.css b/public/css/syj.css
index d6ce283c0a4f76b380b6eb82b72586f41f598425..9dc2a6926dfbddcae75a70f3c0c9d406a59ae61e 100644 (file)
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -46,6 +46,11 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }
+@media screen and (max-width: 640px) {
+    #message.optional {
+        display: none;
+    }
+}
 
 /*
  * menu rules
@@ -78,6 +83,7 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background-color: white;
+    cursor: pointer;
 }
 .menu-item:hover {
     background-color: #E0E0FF;
@@ -117,6 +123,7 @@ body, html {
 
 #data_controls {
     position: absolute;
+    z-index: 11; /* to be over login-controls */
     right: 0.5em;
     bottom: 3em;
     text-align: center;
@@ -175,6 +182,7 @@ body, html {
     background-color: white;
     padding: 5px 1px 5px 1px;
     position: relative; /* otherwise, under #map in ie */
+    margin-bottom: 10px;
 }
 
 /* nominatim-suggestions */