From cfca76ad00bd54ea164fad314e195834cfd56e98 Mon Sep 17 00:00:00 2001
From: GU Yiling <justice360@gmail.com>
Date: Sat, 12 Oct 2024 08:41:59 +0800
Subject: [PATCH] fix(ktable): bulk actions checkboxes should be valign center
 (#2446)

---
 src/components/KCheckbox/KCheckbox.vue | 3 ++-
 src/styles/mixins/_tables.scss         | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/KCheckbox/KCheckbox.vue b/src/components/KCheckbox/KCheckbox.vue
index 14980932d5..5dea546904 100644
--- a/src/components/KCheckbox/KCheckbox.vue
+++ b/src/components/KCheckbox/KCheckbox.vue
@@ -192,7 +192,7 @@ export default {
     position: relative;
 
     &.has-label {
-      margin-top: 3px; // align with label
+      margin-top: 2px; // align with label
     }
   }
 
@@ -280,6 +280,7 @@ export default {
 
     .checkbox-label {
       cursor: pointer;
+      display: flex;
       margin: 0;
 
       &.required {
diff --git a/src/styles/mixins/_tables.scss b/src/styles/mixins/_tables.scss
index f5e3747333..ba9d8f1be5 100644
--- a/src/styles/mixins/_tables.scss
+++ b/src/styles/mixins/_tables.scss
@@ -95,7 +95,6 @@
             line-height: var(--kui-line-height-30, $kui-line-height-30);
             padding: $tableThPaddingY var(--kui-space-60, $kui-space-60);
             text-align: left;
-            vertical-align: bottom;
 
             &.resizable {
               // set min width so the column can't be collapsed to nothing - avoiding bad UX
@@ -377,6 +376,11 @@
         }
       }
     }
+
+    .bulk-actions-checkbox,
+    .table-header-bulk-actions-checkbox {
+      display: flex;
+    }
   }
 
   .table-pagination {