Changed text input to be below text input field

ONSdigital · Nov 1, 2024 · e556047 · e556047
1 parent 59286c1
commit e556047
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/questionnaireDetailsPage/sections/reissueNewDonorCase.tsx b/src/components/questionnaireDetailsPage/sections/reissueNewDonorCase.tsx
@@ -43,7 +43,13 @@ function ReissueNewDonorCase({ questionnaire }: Props): ReactElement {
                                             <label className="ons-label" htmlFor="user">
                                                 User to issue new donor case for
                                             </label>
-                                            <input type="text" id="user" className="ons-input ons-input--text ons-input-type__input" value={user} onChange={(e) => setUser(e.target.value)}/>
+                                            <input type="text" id="user"
+                                                className="ons-input ons-input--text ons-input-type__input"
+                                                value={user} onChange={(e) => setUser(e.target.value)}/>
+                                        </div>
+                                        <div className="ons-field">
+                                            {error &&
+                                                <p className="ons-summary__item--error ons-input--text">{errorMessage}</p>}
                                         </div>
                                     </div>
                                 </td>
@@ -56,7 +62,6 @@ function ReissueNewDonorCase({ questionnaire }: Props): ReactElement {
                                     />
                                 </td>
                             </tr>
-                            {error && <p className="ons-summary__item--error">{errorMessage}</p>}
                         </tbody>
                     </table>
                 </div>