Add max width to TO form, put each clin inside .card, fix html indenting

templates/task_orders/step_3.html

@@ -51,17 +51,13 @@
 {% endmacro %}
 
 {% macro CLINFields(fields, index) %}
-  {% if index != 0 %}
-    <hr>
-  {% endif %}
-
   <clin-fields
     v-bind:initial-clin-index='{{ index }}'
     v-bind:initial-loa-count="{{ fields.loas.data | length or 0 }}"
     v-bind:initial-clin-type="'{{ fields.jedi_clin_type.data }}'"
     v-bind:initial-amount='{{ fields.obligated_amount.data or 0 }}'
     inline-template>
-    <div>
+    <div class="card">
       <div class="form-row">
         <div class="form-col form-col--two-thirds">
           {{ OptionsInput(fields.jedi_clin_type, watch=True) }}
@@ -107,12 +103,11 @@
         {% endfor %}
 
         <div v-for="clin in clins">
-        <hr v-if="clinIndex !== 0">
           <clin-fields
             v-bind:initial-clin-index='clinIndex'
             v-bind:initial-clin-type="'JEDI_CLIN_1'"
             inline-template>
-          <div>
+            <div class="card">
               <div class="form-row">
                 <div class="form-col form-col--two-thirds">
                   <optionsinput :name="'clins-' + clinIndex + '-jedi_clin_type'" :watch='true' :optional='false' inline-template>
@@ -166,7 +161,6 @@
                       </template>
                     </div>
                   </textinput>
-
                 </div>
               </div>
 
@@ -229,7 +223,6 @@
                         v-model="year"
                         v-on:change="onInput"
                         />
-
                     </div>
 
                   <div class="usa-form-group-date-ok" v-if="isDateValid">
@@ -287,7 +280,6 @@
                         v-model="year"
                         v-on:change="onInput"
                         />
-
                     </div>
 
                   <div class="usa-form-group-date-ok" v-if="isDateValid">