From 8a16b61e80bb727d20ce4f7c43952c0af54dd73e Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 3 Sep 2019 11:43:01 -0400
Subject: [PATCH] Styling for CLIN Funding section

---
 styles/sections/_task_order.scss  | 5 -----
 templates/task_orders/step_3.html | 6 +++---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index c554fe1d..af82325e 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -94,11 +94,6 @@
       }
     }
 
-    .usa-input--validation--dollars label span.icon {
-      left: auto;
-      right: -$gap * 9;
-    }
-
     .form-row {
       margin: 0;
     }
diff --git a/templates/task_orders/step_3.html b/templates/task_orders/step_3.html
index a1dc2c44..603ac7bf 100644
--- a/templates/task_orders/step_3.html
+++ b/templates/task_orders/step_3.html
@@ -107,20 +107,20 @@
         </div>
         {% if fields %}
           <div class="form-row">
-            <div class="form-column">
+            <div class="form-col">
               {{ TextInput(fields.obligated_amount, validation='dollars', watch=True) }}
             </div>
           </div>
         {% else %}
           <div class="form-row">
-            <div class="form-column">
+            <div class="form-col">
               <textinput
                 v-cloak
                 inline-template
                 :name="'clins-' + clinIndex + '-obligated_amount'"
                 validation="dollars"
                 :watch='true'>
-                <div class="usa-input usa-input--validation--dollars">
+                <div v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid, 'usa-input--validation--paragraph': paragraph, 'no-max-width': noMaxWidth }]">
                   <label :for="name">
                     <div class="usa-input__title">{{ 'task_orders.form.obligated_funds_label' | translate }}</div>
                     <span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>