From e556047c70c84406bf1b8392e3c9f3b4dee1b5fd Mon Sep 17 00:00:00 2001
From: lambeb <141648830+lambeb@users.noreply.github.com>
Date: Fri, 1 Nov 2024 09:07:04 +0000
Subject: [PATCH] Changed text input to be below text input field

---
 .../sections/reissueNewDonorCase.tsx                     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/questionnaireDetailsPage/sections/reissueNewDonorCase.tsx b/src/components/questionnaireDetailsPage/sections/reissueNewDonorCase.tsx
index 2859cb52..81816733 100644
--- 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>