Vertically center 'icon--help' (redo)

A better fix with extra specificity, since the main issue was with form-fields only. The previous fix was too wide and broke other areas with column flex.
2021-09-07 16:10:40 +08:00 · 2021-09-07 16:10:40 +08:00 · 6a5ea5d3c6
commit 6a5ea5d3c6
parent a6ece46be4
2 changed files with 6 additions and 1 deletions
--- a/ui/scss/component/_form-field.scss
+++ b/ui/scss/component/_form-field.scss
@ -483,6 +483,12 @@ fieldset-section {
      padding-right: var(--spacing-l);
    }
  }
+
+  label {
+    .icon--help {
+      vertical-align: middle;
+    }
+  }
 }

 #automatic_dark_mode_range_start,
--- a/ui/scss/component/_icon.scss
+++ b/ui/scss/component/_icon.scss
@ -45,7 +45,6 @@
  color: var(--color-subtitle);
  margin-left: var(--spacing-xs);
  opacity: 0.7;
-  vertical-align: middle;
 }

 .icon--hidden {