Merge pull request #558 from dod-ccpo/inline-select-checkbox

Checkbox is inline for select box validation checkmark

styles/elements/_inputs.scss

@@ -90,6 +90,10 @@
     display: flex;
     align-items: center;
 
+    &-inline {
+      display: inline-block;
+    }
+
     .icon-tooltip {
       padding: 0 $gap/2;
       cursor: default;

templates/components/options_input.html

@@ -13,7 +13,7 @@
 
       <fieldset v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">
         <legend>
-          <div class="usa-input__title">
+          <div class="usa-input__title{% if not field.description %}-inline{% endif %}">
             {{ field.label | striptags}}
             {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}
           </div>