fix form-field margin

ui/js/modal/modalRemoveFile/view.jsx

@@ -57,7 +57,6 @@ class ModalRemoveFile extends React.PureComponent {
             label={__("Delete this file from my computer")}
           />
         </section>
-        <br />
         {claimIsMine &&
           <section>
             <FormField

ui/js/page/settings/view.jsx

@@ -285,8 +285,6 @@ class SettingsPage extends React.PureComponent {
               defaultChecked={showUnavailable}
               label={__("Show unavailable content in search results")}
             />
-          </div>
-          <div className="card__content">
             <FormRow
               label={__("Show NSFW content")}
               type="checkbox"

ui/scss/component/_checkbox.scss

@@ -4,10 +4,8 @@
 
 $md-checkbox-checked-color: var(--color-primary);
 $md-checkbox-border-color: var(--input-border-color);
-
 $md-checkbox-size: 20px;
 $md-checkbox-padding: 4px;
-
 $md-checkmark-width: 2px;
 $md-checkmark-color: #FFF;
 

ui/scss/component/_form-field.scss

@@ -47,6 +47,7 @@ input[readonly]:focus {
 
 .form-field {
   display: inline-block;
+  margin: 8px 0;
 
   input[type="checkbox"],
   input[type="radio"] {
@@ -159,8 +160,6 @@ input[readonly]:focus {
     color: var(--text-color) !important;
   }
 
-
-
 }
 
 .form-row__label-row .form-field__label--error {

ui/scss/component/_radio.scss

@@ -6,7 +6,6 @@ $md-radio-ripple-size: 15px;
 
 .form-field--radio {
     position: relative;
-    margin: 8px 0;
 
     label {
       cursor: pointer;