1 files changed, 67 insertions, 9 deletions

diff --git a/ishtar_common/static/media/style.css b/ishtar_common/static/media/style.css
index 295057413..a4c62739b 100644
--- a/ishtar_common/static/media/style.css
+++ b/ishtar_common/static/media/style.css
@@ -8,7 +8,7 @@ a.remove,
     background-color:#fff;
 }
 
-div.form {
+div.form, ul.form {
     background-color: #f1f2f6;
 }
 
@@ -412,7 +412,10 @@ div#main_menu > ul > li{
 
 div#content{
     clear:both;
-    margin:190px 200px 70px 200px;
+    margin-top:190px ;
+    margin-bottom: 70px;
+    margin-left: 200px;
+    margin-right: 150px;
     text-align:center;
 }
 
@@ -503,6 +506,47 @@ div.form {
     text-align:center;
 }
 
+ul.form-flex {
+    list-style-type: none;
+    text-align: left;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    -moz-flex-wrap: wrap;
+    flex-wrap: wrap;
+    width: 400px;
+    padding: 0;
+    margin: 0;
+}
+
+
+ul.form-flex li{
+    width: 395px;
+}
+
+@media screen and (min-width: 1051px) {
+    div.form,
+    ul.form-flex {
+        width: 800px;
+    }
+}
+
+@media screen and (min-width: 1400px) {
+    div.form,
+    ul.form-flex {
+        width: 1200px;
+    }
+}
+
+ul.form-flex label {
+    display: inline-block;
+    width: 150px;
+    padding-left: 10px;
+}
+
 .form table{
     padding:0.2em;
     margin-left:auto;
@@ -525,10 +569,24 @@ div.form {
     color:#922;
 }
 
-.form table .required th{
+.form .required label{
     font-weight:bold;
 }
 
+.form p.input{
+    display: inline-block;
+    width: 200px;
+    margin: 5px;
+}
+
+.form p.input input{
+    width: 200px;
+}
+
+.form p.input select{
+    width: 200px;
+}
+
 .form input[readonly=True]{
     background-color:#f1f2f6;
     border:0;
@@ -543,6 +601,10 @@ div.form {
     font-size:0.9em;
 }
 
+ul.form .help_text{
+    width: 400px;
+}
+
 .help_text div{
     background-color:#FFF;
     margin:1em;;
@@ -618,10 +680,6 @@ table.confirm tr.spacer td:last-child{
     background-image:none;
 }
 
-.ui-widget-header {
-    background:none;
-}
-
 .ui-tabs .ui-tabs-nav li a{
     color: #D14;
 }
@@ -977,8 +1035,8 @@ a.remove{
     width:60px;
 }
 
-.widget-parcel{
-    width:60px;
+.form p.input input.widget-parcel{
+    width:85px;
 }
 
 .small, .small input{