From 3026501307ebb17e64ff6e6f47b8896fa5836d00 Mon Sep 17 00:00:00 2001
From: Yann Bertrand <5855339+yannbertrand@users.noreply.github.com>
Date: Fri, 12 Apr 2024 15:33:16 +0200
Subject: [PATCH] fix(radio): allow click between input and label

---
 addon/components/pix-radio-button.hbs | 14 +++++++-------
 addon/styles/_pix-radio-button.scss   | 10 ++++++----
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/addon/components/pix-radio-button.hbs b/addon/components/pix-radio-button.hbs
index 3a3b79bff..89cbb1673 100644
--- a/addon/components/pix-radio-button.hbs
+++ b/addon/components/pix-radio-button.hbs
@@ -1,11 +1,4 @@
 <div class="pix-radio-button {{@class}}">
-  <input
-    type="radio"
-    id={{this.id}}
-    class="pix-radio-button__input"
-    value={{@value}}
-    ...attributes
-  />
   <PixLabel
     @for={{this.id}}
     @requiredLabel={{@requiredLabel}}
@@ -14,6 +7,13 @@
     @isDisabled={{@isDisabled}}
     @inlineLabel={{true}}
   >
+    <input
+      type="radio"
+      id={{this.id}}
+      class="pix-radio-button__input"
+      value={{@value}}
+      ...attributes
+    />
     {{yield to="label"}}
   </PixLabel>
 </div>
\ No newline at end of file
diff --git a/addon/styles/_pix-radio-button.scss b/addon/styles/_pix-radio-button.scss
index 17b9cf229..b73bc84f4 100644
--- a/addon/styles/_pix-radio-button.scss
+++ b/addon/styles/_pix-radio-button.scss
@@ -1,12 +1,14 @@
 .pix-radio-button {
-  display: flex;
-  gap: var(--pix-spacing-3x);
-  align-items: center;
-
   & + .pix-radio-button {
     margin-top: var(--pix-spacing-4x);
   }
 
+  .pix-label {
+    display: flex;
+    gap: var(--pix-spacing-3x);
+    align-items: center;
+  }
+
   &__input {
     position: relative;
     flex-shrink: 0;