frontend for adding new application member

- updated styling
- eliminated stray <form> tag in application team template

styles/components/_forms.scss

@@ -46,6 +46,14 @@
         flex-basis: 16.66%;
       }
 
+      &.form-col--quarter {
+        flex-basis: 25%;
+      }
+
+      &.form-col--three-quarters {
+        flex-basis: 75%;
+      }
+
       .usa-input {
         margin-left: ($gap * 4);
         margin-right: ($gap * 4);
@@ -171,3 +179,11 @@
   }
 }
 
+.input__inline-fields  {
+  margin: 1rem 0 1rem 0;
+
+  &> fieldset.usa-input__choices label {
+    display: inline;
+    font-weight: $font-normal;
+  }
+ }

styles/sections/_application_edit.scss

@@ -59,3 +59,29 @@
     }
   }
 }
+
+.environment-roles-new {
+  margin-top: 5*$gap;
+  margin-bottom: 8*$gap;
+
+  .usa-input {
+    margin: 2rem 0 2rem 0;
+
+    .usa-input__title-inline {
+      line-height: $hit-area;
+    }
+
+    legend {
+      font-size: $lead-font-size;
+      padding: 0;
+    }
+  }
+
+  .form-row {
+    margin: 0;
+  }
+}
+
+.environment-roles-new__head {
+  font-weight: $font-bold;
+}