From e7378e9c37569aa55aa646925f549f9033b5d461 Mon Sep 17 00:00:00 2001
From: Pyry Koivisto <pyry.koivisto@mavericks.fi>
Date: Fri, 1 Mar 2024 17:26:21 +0200
Subject: [PATCH] YKI(Frontend): Review feedback: convert inline style to CSS
 class

---
 .../steps/register/CommonRegistrationDetails.tsx             | 4 ++--
 .../registration/steps/register/EmailRegistrationDetails.tsx | 2 +-
 .../styles/components/registration/_public-registration.scss | 5 +++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/yki/src/components/registration/steps/register/CommonRegistrationDetails.tsx b/frontend/packages/yki/src/components/registration/steps/register/CommonRegistrationDetails.tsx
index 7fce79ed0..71398a5f0 100644
--- a/frontend/packages/yki/src/components/registration/steps/register/CommonRegistrationDetails.tsx
+++ b/frontend/packages/yki/src/components/registration/steps/register/CommonRegistrationDetails.tsx
@@ -82,7 +82,7 @@ export const CommonRegistrationDetails = () => {
 
   return (
     <>
-      <fieldset style={{ border: 0, padding: 0 }}>
+      <fieldset className="registration-details__radio-group">
         <legend>
           <Text>
             <b>{t('certificateLanguage')}</b>
@@ -118,7 +118,7 @@ export const CommonRegistrationDetails = () => {
         </FormControl>
       </fieldset>
       {hideInstructionLanguageSelection ? null : (
-        <fieldset style={{ border: 0, padding: 0 }}>
+        <fieldset className="registration-details__radio-group">
           <legend>
             <Text>
               <b>{t('instructionLanguage')}</b>
diff --git a/frontend/packages/yki/src/components/registration/steps/register/EmailRegistrationDetails.tsx b/frontend/packages/yki/src/components/registration/steps/register/EmailRegistrationDetails.tsx
index 8ee253fe9..7ecf7602c 100644
--- a/frontend/packages/yki/src/components/registration/steps/register/EmailRegistrationDetails.tsx
+++ b/frontend/packages/yki/src/components/registration/steps/register/EmailRegistrationDetails.tsx
@@ -198,7 +198,7 @@ export const EmailRegistrationDetails = () => {
           />
         </div>
       </div>
-      <fieldset style={{ border: 0, padding: 0 }}>
+      <fieldset className="registration-details__radio-group">
         <legend>
           <Text>
             <b>{t('finnishSSN')}</b>
diff --git a/frontend/packages/yki/src/styles/components/registration/_public-registration.scss b/frontend/packages/yki/src/styles/components/registration/_public-registration.scss
index af8701702..87dd9f6f7 100644
--- a/frontend/packages/yki/src/styles/components/registration/_public-registration.scss
+++ b/frontend/packages/yki/src/styles/components/registration/_public-registration.scss
@@ -49,6 +49,11 @@
           display: grid;
           grid-template-columns: 1fr 1fr;
         }
+
+        &__radio-group {
+          border: 0;
+          padding: 0;
+        }
       }
 
       .radio-group-label {