fix settings radio button alignment

Signed-off-by: Matt Wrock <matt@mattwrock.com>

Author: mwrock

components/builder-web/app/shared/visibility-selector/_visibility-selector.component.scss

@@ -25,19 +25,19 @@
 
       // MDC radio button: .mdc-form-field wraps the radio + label in a flex row
       .mdc-form-field {
-        position: relative;
         align-items: flex-start;
 
         .mdc-radio {
-          position: absolute;
-          top: 0;
-          left: 0;
+          flex-shrink: 0;
+          // MDC touch target is 40px; visual circle is 20px (10px padding each side).
+          // Negative margins cancel that padding so the circle aligns with the text.
+          margin-top: -10px;
+          margin-left: -10px;
         }
 
         .mdc-label {
           white-space: normal;
-          margin-left: $default-margin;
-          padding-left: $default-padding;
+          padding-left: 6px;
 
           hab-icon {
             margin-left: $small-margin;