From 482dc1dd503f848e29465780fa528af8f2bf4a81 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Wed, 19 Oct 2022 20:37:50 +0800
Subject: [PATCH] [resumes][feat] update dropzone for form

---
 apps/portal/src/pages/resumes/submit.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/portal/src/pages/resumes/submit.tsx b/apps/portal/src/pages/resumes/submit.tsx
index dc97e95a..92a1c392 100644
--- a/apps/portal/src/pages/resumes/submit.tsx
+++ b/apps/portal/src/pages/resumes/submit.tsx
@@ -315,19 +315,19 @@ export default function SubmitResumeForm({
                             {resumeFile.name}
                           </p>
                         )}
-                        <div className="flex justify-center text-sm">
+                        <div className="flex items-center text-sm">
                           <label
                             className="rounded-md focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2"
                             htmlFor="file-upload">
-                            <p className="mt-2 font-medium">Drop files here</p>
-                            <div className="mt-2 mb-1 flex justify-center gap-1">
-                              <span className="font-light">or</span>
-                              <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
-                                {resumeFile == null
-                                  ? 'Select file'
-                                  : 'Replace file'}
-                              </span>
-                            </div>
+                            <span className="mt-2 font-medium">
+                              Drop file here
+                            </span>
+                            <span className="mr-1 ml-1 font-light">or</span>
+                            <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
+                              {resumeFile == null
+                                ? 'Select file'
+                                : 'Replace file'}
+                            </span>
                             <input
                               {...register('file', { required: true })}
                               {...getInputProps()}