fix violation table styles

src/app/ui/file-page/violation-table/case-complaint.tsx

@@ -87,23 +87,45 @@ export default function CaseComplaint({ selectedViolation, updateStatusHandler }
 					<form action={formAction}>
 						<input type="hidden" name="violationId" value={localViolation.id} />
 						<section
-							className="note-form-group"
+							className="note-form-section"
 						>
-							<label
-								className="note-case-label"
-								htmlFor="note"
+							<div
+								className="note-form-group"
 							>
-								{t('text-of-the-complaint')}
-							</label>
+								<label
+									className="note-case-label"
+									htmlFor="note"
+								>
+									{t('text-of-the-complaint')}
+								</label>
 
-							<textarea
-								name="note"
-								className="note-textarea"
-								placeholder={`${t('text-area-error-fill-complaint-text')}...`}
-								value={noteText}
-								onChange={(e) => setNoteText(e.target.value)}
-							>
-							</textarea>
+								<textarea
+									name="note"
+									className="note-textarea"
+									placeholder={`${t('text-area-error-fill-complaint-text')}...`}
+									value={noteText}
+									onChange={(e) => setNoteText(e.target.value)}
+								>
+								</textarea>
+							</div>
+
+							{state?.errorMessage?.textArea && (
+								<p
+									className="text-sm text-red-500"
+								>
+
+									{
+										state?.errorMessage?.textArea.split('&').map((e, index) => {
+											return (
+												<span key={index}>
+													{t(e)}
+													<br />
+												</span>
+											)
+										})
+									}
+								</p>
+							)}
 						</section>
 
 						<div
@@ -127,24 +149,6 @@ export default function CaseComplaint({ selectedViolation, updateStatusHandler }
 							>
 								{t('submit-violation')}
 							</button>
-
-							{state?.errorMessage?.textArea && (
-								<p
-									className="text-sm text-red-500"
-								>
-
-									{
-										state?.errorMessage?.textArea.split('&').map((e, index) => {
-											return (
-												<span key={index}>
-													{t(e)}
-													<br />
-												</span>
-											)
-										})
-									}
-								</p>
-							)}
 						</div>
 					</form>