DIV-311 improved alias name input layout

edivorce/apps/core/static/css/main.scss

@@ -547,6 +547,18 @@ textarea {
 #other_names_fields,
 #reconciliation_period_fields {
 	.form-inline {
+		display: -webkit-box;
+		display: -ms-flexbox;
+		display: flex;
+		@media (min-width: 1px) and (max-width: 1199px) {
+			-ms-flex-wrap: wrap;
+			    flex-wrap: wrap;
+		}
+		.form-control {
+			display: inline-block;
+			width: auto;
+			vertical-align: middle;
+		}
 		margin-bottom: 10px;
 	    padding: 10px;
 	    background: $color-grey-lighter;
@@ -560,8 +572,28 @@ textarea {
 			display: table;
 			content: " ";
 		}
+		select.response-dropdown {
+			margin-right: 5px;
+			-webkit-box-flex: 0;
+			    -ms-flex: 0 0 180px;
+			        flex: 0 0 180px;
+			@media (min-width: 1px) and (max-width: 1199px) {
+				margin-bottom: 5px;
+				-webkit-box-flex: 0;
+				    -ms-flex: 0 0 100%;
+				        flex: 0 0 100%;
+			}
+		}
 		input.response-textbox {
-			min-width: 330px;
+			margin-right: 5px;
+			-webkit-box-flex: 1;
+			    -ms-flex: 1;
+			        flex: 1;
+		}
+		input.btn {
+			-webkit-box-flex: 0;
+			    -ms-flex: 0 0 70px;
+			        flex: 0 0 70px;
 		}
 	}
 }

edivorce/apps/core/templates/partials/alias_field.html

@@ -7,5 +7,5 @@
         <option value="with assumed name of" {% if alias_type == 'with assumed name of' %} selected {% endif %}>With assumed name of</option>
     </select>
     {% input_field type="text" name=name value=value multiple="true" class="form-control response-textbox" %}
-    <input type="button" class="btn btn-danger btn-delete-name form-control pull-right" value="Delete" />
+    <input type="button" class="btn btn-danger btn-delete-name form-control" value="Delete" />
 </div>