From 08ac775e3b0a3a973ad372ffa221fd694a8562ab Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Tue, 4 Sep 2018 11:16:23 -0400
Subject: [PATCH] more form column / row styles

---
 styles/components/_forms.scss | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/styles/components/_forms.scss b/styles/components/_forms.scss
index 6bfd17d2..6abed16e 100644
--- a/styles/components/_forms.scss
+++ b/styles/components/_forms.scss
@@ -20,12 +20,36 @@
 
   @include media($medium-screen) {
     @include grid-row;
-    align-items: flex-start;
+    align-items: flex-end;
+    justify-content: flex-start;
 
     .form-col {
+      &.form-col--half {
+        flex-basis: 50%;
+      }
+
+      &.form-col--third {
+        flex-basis: 33.33%;
+      }
+
+      &.form-col--two-thirds {
+        flex-basis: 66.66%;
+      }
+
       .usa-input {
         margin-left: ($gap * 4);
         margin-right: ($gap * 4);
+
+        label {
+          .icon-validation {
+            left: auto;
+            right: -$gap * 3;
+          }
+        }
+
+        input {
+          max-width: none;
+        }
       }
 
       &:first-child {