Fixed checkbox vertical positioning

fixes #2825

CHANGELOG-v3.md

@@ -15,6 +15,7 @@
 - Fixed a SQL error that could occur when upgrading from Craft 2 to Craft 3 with an active user session.
 - Fixed various SQL errors that could occur when upgrading from Craft 2 to Craft 3, if there were any lingering Craft 3 database tables from a previous upgrade attempt.
 - Fixed a bug where the Clear Caches tool was deleting the `.gitignore` file inside `web/cpresources/`. ([#2823](https://github.com/craftcms/cms/issues/2823))
+- Fixed the vertical positioning of checkboxes in the Control Panel. ([#2825](https://github.com/craftcms/cms/issues/2825))
 
 ## 3.0.4 - 2018-04-24
 

src/web/assets/cp/dist/css/_main.scss

@@ -895,6 +895,10 @@ ul.icons li a:hover {
   &:active {
     outline: none;
   }
+
+  div.checkbox {
+    margin-top: 4px;
+  }
 }
 
 .disabled {
@@ -1747,6 +1751,13 @@ $checkboxPadding: 20px;
       &.checkbox-cell {
         @include padding-right(7px);
         width: 12px !important;
+        position: relative;
+
+        input.checkbox + label,
+        div.checkbox {
+          position: absolute;
+          top: calc(50% - 6px);
+        }
 
         & + td,
         & + th {
@@ -3389,7 +3400,7 @@ input.checkbox {
 
 input.checkbox + label,
 div.checkbox {
-  display: inline;
+  display: inline-block;
   clear: none;
   position: relative;
   @include padding-left(20px);
@@ -3417,7 +3428,6 @@ input.checkbox + label:before,
 div.checkbox:before {
   display: block;
   position: absolute;
-  top: 2px;
   @include left(0);
   width: 12px !important;
   height: 12px;
@@ -3428,6 +3438,10 @@ div.checkbox:before {
   box-shadow: 0 0 0 1px $mediumHairlineColorAlpha;
 }
 
+input.checkbox + label:before {
+  top: 3px;
+}
+
 input.checkbox:disabled + label,
 div.checkbox.disabled:before,
 div.checkbox.disabled + label {