fix pix checkbox

1024pix · May 2, 2024 · 454ff65 · 454ff65
1 parent bc2d127
commit 454ff65
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/addon/components/pix-checkbox.hbs b/addon/components/pix-checkbox.hbs
@@ -1,21 +1,22 @@
 <div class="pix-checkbox {{@class}}">
-  <input
-    type="checkbox"
-    id={{this.id}}
-    class={{this.inputClasses}}
-    checked={{@checked}}
-    aria-disabled={{@isDisabled}}
-    ...attributes
-  />
-
   <PixLabel
     @for={{this.id}}
     @requiredLabel={{@requiredLabel}}
     @size={{@size}}
     @inlineLabel={{true}}
     @screenReaderOnly={{@screenReaderOnly}}
     @isDisabled={{@isDisabled}}
+    @wrappedElement={{true}}
   >
+    <input
+      type="checkbox"
+      id={{this.id}}
+      class={{this.inputClasses}}
+      checked={{@checked}}
+      aria-disabled={{@isDisabled}}
+      ...attributes
+    />
+
     {{yield to="label"}}
   </PixLabel>
 </div>
diff --git a/addon/styles/_pix-checkbox.scss b/addon/styles/_pix-checkbox.scss
@@ -1,9 +1,6 @@
 .pix-checkbox {
   position: relative;
   z-index: 0;
-  display: flex;
-  gap: var(--pix-spacing-3x);
-  align-items: center;
 
   & + .pix-checkbox {
     margin-top: var(--pix-spacing-4x);