Fleet UI: Align checkboxes (#6873)

changes/issue-6761-align-checkboxes

@@ -0,0 +1 @@
+* Clean up checkbox alignment

frontend/components/PlatformSelector/_styles.scss

@@ -8,8 +8,6 @@
 
   span {
     display: flex;
-    align-items: center;
-    padding: 0;
   }
 
   form,
@@ -17,17 +15,8 @@
     display: inline-flex;
   }
 
-  &__checkboxes {
-    padding-top: 0;
-    padding-bottom: $pad-small;
-  }
   &__platform-checkbox-wrapper {
     padding-left: 12px;
     margin: 0;
-
-    .fleet-checkbox__label {
-      transform: translateY(2px);
-      padding-left: $pad-xsmall;
-    }
   }
 }

frontend/components/forms/fields/Checkbox/_styles.scss

@@ -40,7 +40,7 @@
 
   &__tick {
     @include size(20px);
-    @include position(absolute, 3px null null 0);
+    @include position(absolute, 0 null null 0);
     display: inline-block;
 
     &::after {
@@ -85,11 +85,13 @@
     font-size: $x-small;
     padding-left: $pad-small;
     display: inline;
+    vertical-align: top;
   }
 
   &__label-tooltip {
     font-size: $x-small;
     padding-left: $pad-small;
     display: inherit;
+    vertical-align: top;
   }
 }