Better layout for form

1 files changed, 24 insertions, 16 deletions

diff --git a/chimere/static/chimere/css/forms.css b/chimere/static/chimere/css/forms.css
index 99c522f..2cf9a56 100644
--- a/chimere/static/chimere/css/forms.css
+++ b/chimere/static/chimere/css/forms.css
@@ -14,18 +14,26 @@
 
 /**/
 
-div.rightWrapper{
-   /* width: 100%;
-    float:left;*/
+.bsmSelect{
+    max-width: 300px;
 }
+    div.rightWrapper{
+        width: 90%;
+    }
 
-div.rightform{
-    /*margin-left:400px;*/
-    height:450px;
-}
 
-div.leftform{
-   /* width: 400px;*/
+@media (min-width: 900px) {
+
+    div.rightWrapper{
+        width: 60%;
+        float:right;
+    }
+
+    div.leftform{
+        width: 40%;
+        float:left;
+    }
+
 }
 
 div.bottomform{
@@ -33,20 +41,16 @@ div.bottomform{
     width: 100%;
 }
 
-.edit .fieldWrapper{
-    display:inline-block;
-}
-
 .fieldWrapper.full{
     width:100%;
     display:block;
 }
 
 #map_edit, #map_edit_area{
-    margin:0;
+    margin: 0;
     border: 1px solid black;
-    width:100%;
-    height:350px;
+    width: 100%;
+    height: 350px;
     clear: both;
 }
 
@@ -55,6 +59,10 @@ div.bottomform{
     display:none;
 }
 
+.edit #map_edit{
+    height: 500px;
+}
+
 .map_button{
     position:absolute;
     z-index:1000;