fix margin; edit classes on radio tiles

docs/_components/form-fields.md

@@ -162,9 +162,9 @@ Three styles of radio buttons are provided.
     <li>
       <input id="abc123" class="usa-radio__input usa-radio__input--tile" type="radio" name="abc123">
       <label for="abc123" class="usa-radio__label">
-        <div class="container">
-          <img class="container__image" src="{{ site.baseurl}}/assets/img/fingerprint-icon.svg">
-          <div class="container__text">
+        <div class="tile-container">
+          <img class="tile-container__image" src="{{ site.baseurl}}/assets/img/fingerprint-icon.svg">
+          <div class="tile-container__text">
             <span class="grid-col-fill">Option - Illustration</span>
             <span class="usa-radio__label-description">Support text</span>
           </div>

src/scss/components/_inputs.scss

@@ -154,7 +154,7 @@ $input-select-margin-right: 1;
   &__image {
     width: 1em;
     float: left;
-    margin-right: 0.5em;
+    margin-right: 1em;
     @include at-media('tablet') {
       width: 2em;
       object-fit: contain;