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
openedx · Nov 20, 2024 · fabc373 · fabc373
1 parent 76f4143
commit fabc373
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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>