Added a help text on the radiogroup on FeedbackForm

chrsrns · Nov 21, 2023 · 564123f · 564123f
1 parent 21f1cb0
commit 564123f
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src-frontend-react/src/components/Profile/FeedbackForm/index.js b/src-frontend-react/src/components/Profile/FeedbackForm/index.js
@@ -81,9 +81,9 @@ export const FeedbackForm = () => {
         <Card.Body>
           <LoadingOverlay active={isLoading} spinner text="Waiting for update">
             <Form onSubmit={handleSubmit}>
-              <Form.Group as={Col} md="8" >
+              <Form.Group as={Col} md="8" className="mb-3" >
                 <Form.Label>Rating</Form.Label>
-                <div key='inline-radio' className="mb-3">
+                <div key='inline-radio'>
                   {availableRating.map((ratingNum) => (
                     <Form.Check
                       inline
@@ -98,6 +98,9 @@ export const FeedbackForm = () => {
                   )
                   )}
                 </div>
+                <Form.Text id="ratingHelpBlock" muted>
+                  The scale starts from 1 as the lowest, to 5 as the highest.
+                </Form.Text>
                 <div className="text-danger">{formErrors.rating}</div>
               </Form.Group>
               <Form.Group controlId="feedbackText" className="mb-3">