fix(formatting of form)

src/static/css/custom.css

@@ -7,17 +7,12 @@ body{
     font-weight:10;
 }
 
-.text_input{
-    height:75px;
-    width:70%;
-    max-width: 300px;
-}
-
- .chosen{
+.chosen{
+    text-align:right;
     float:right;
     height:75px;
-    width:70%;
-    max-width: 300px;
+    width:100%;
+    /*max-width: 300px;*/
     padding:5px;
 }
 
@@ -32,5 +27,12 @@ body{
 .text_input{
      float:right;
      height:30px;
-     width:70%;
+     width:100%;
  }
+
+.right{
+    float:right;
+    width:70%;
+    max-width: 300px;
+}
+

src/templates/data_form.html

@@ -4,7 +4,10 @@
   <div class="row" min-height:150px>
   {% for input in inputs %}
     <div class='col-sm-3'>
-      {{ input }}: <input type='text' class='text_input' id={{ input }} name='{{ input }}'>
+      {{ input }}: 
+      <div class='right'>
+        <input type='text' class='text_input' id={{ input }} name='{{ input }}'>
+      </div>
     </div>
   {% endfor %}
   </div>
@@ -12,12 +15,14 @@
   {% for dropdown in dropdowns %}
     <div class="col-sm-3"> 
       {{ dropdown }}:
+      <div class='right'>
       <select id={{ dropdown }} class="chosen" multiple="true">
         {% for item in dropdowns[dropdown] %}
           <option>{{ item }}</option>
         {% endfor %}
       </select>
       </div>
+    </div>
     {% endfor %}
     </div>
   </div>