fix(kradio, kcheckbox): fix label alignment (#2195)

Kong · May 28, 2024 · cad802e · cad802e
1 parent fc6be90
commit cad802e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/KCheckbox/KCheckbox.vue b/src/components/KCheckbox/KCheckbox.vue
@@ -192,7 +192,7 @@ export default {
     position: relative;
 
     &.has-label {
-      margin-top: 4px; // align with label
+      margin-top: 3px; // align with label
     }
   }
 

diff --git a/src/components/KRadio/KRadio.vue b/src/components/KRadio/KRadio.vue
@@ -236,7 +236,7 @@ $kRadioDotSize: 6px;
 
     // Since the mixin is used in both KRadio and KCheckbox it doesn't have rules for some component-specific properties so we need to set them here
     border-radius: var(--kui-border-radius-circle, $kui-border-radius-circle);
-    margin-top: 4px; // align with label
+    margin-top: 3px; // align with label
     position: relative;
 
     &:hover {