fixes: geomform is too width in ie

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

diff --git a/public/css/syj.css b/public/css/syj.css
index ddfdeaf946d0578602d29c06f91b99b9d1942a5f..76a075b20cc258adf0208f8d784898b223287249 100644 (file)
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -43,21 +43,36 @@ body, html {
 }
 
 /*
- * controls rules
+ * menu rules
  */
+
+#menu {
+    text-align: right;
+}
+
 #data_controls {
     position: absolute;
     right: 0.5em;
     bottom: 3em;
     text-align: center;
     background-color: white;
-    padding: 25px 45px 20px 45px;
     opacity: 0.85;
     filter:alpha(opacity=85);
     border: 1px solid gray;
+    margin: auto;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
 }
-#clone-btn {
-    margin-bottom: 1em;
+#data_controls_btns {
+    padding: 5px 10px 5px 10px;
+}
+#geomform {
+    padding: 25px 45px 20px 45px;
+    *width: 40%; /* otherwise takes all screen width in ie<7 */
+}
+#edit-btn {
+    margin-top: 1em;
 }
 #geom_title {
     margin-top: 0.7em;
@@ -69,14 +84,16 @@ body, html {
 #login_controls {
     padding-top: 8px;
     padding-left: 3em;
+    clear: right;
+    position: relative; /* otherwise, under #map in ie */
 }
 
 .login-anchor {
-    display: block;
-    float: left;
-    position: relative;
+    float: right;
+    clear: right;
+    min-width: 150px;
+    margin: 2px 10px 2px 0;
     background-color: white;
-    margin: 0px 10px 0px 10px;
     text-decoration: none;
     color: #0000EE;
     border: #1E90FF 2px solid;
@@ -98,6 +115,14 @@ body, html {
     vertical-align: middle;
 }
 
+#other-language {
+    opacity: 0.85;
+    filter:alpha(opacity=85);
+    background-color: white;
+    padding: 5px 1px 5px 1px;
+    position: relative; /* otherwise, under #map in ie */
+}
+
 /*
  * login rules
  */
@@ -124,6 +149,10 @@ body, html {
     text-align: right;
 }
 
+#user_control_anchor {
+    text-align: right;
+}
+
 #user_email-desc {
     margin: 0px 0px 12px 0px;
     padding: 8px 2px 8px 2px;
@@ -132,15 +161,7 @@ body, html {
 
 #termsofusearea {
     height: 50%;
-}
-
-#other-language {
-    opacity: 0.85;
-    filter:alpha(opacity=85);
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    background-color: white;
-    padding: 5px 1px 5px 1px;
-    margin: 0;
+    /* override opacity defined in .modal rule */
+    opacity: 1;
+    filter:alpha(opacity=100);
 }