From fabc37398dfbdb21a2067d38633c0327a0a755a3 Mon Sep 17 00:00:00 2001
From: milad-emami <milad.emami1025@gmail.com>
Date: Wed, 6 Nov 2024 14:18:36 +0330
Subject: [PATCH] fix: prevent radio criterion shrinking and improve
 alignment\n\n- Add flexShrink: 0 style to prevent radio button compression\n-
 Add align-items-center class for better vertical alignment

---
 src/containers/CriterionContainer/RadioCriterion.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/containers/CriterionContainer/RadioCriterion.jsx b/src/containers/CriterionContainer/RadioCriterion.jsx
index 7d9f733a..7b5d67f2 100644
--- a/src/containers/CriterionContainer/RadioCriterion.jsx
+++ b/src/containers/CriterionContainer/RadioCriterion.jsx
@@ -36,12 +36,13 @@ export class RadioCriterion extends React.Component {
       <Form.RadioSet name={config.name} value={data}>
         {config.options.map((option) => (
           <Form.Radio
-            className="criteria-option"
+            className="criteria-option align-items-center"
             key={option.name}
             value={option.name}
             description={intl.formatMessage(messages.optionPoints, { points: option.points })}
             onChange={this.onChange}
             disabled={!isGrading}
+            style={{ flexShrink: 0 }}
           >
             {option.label}
           </Form.Radio>