Fix Front UI create election

web/frontend/package.json

@@ -31,7 +31,6 @@
     "react": "^17.0.2",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^17.0.2",
-    "react-dropzone": "^12.0.4",
     "react-i18next": "^11.15.3",
     "react-router": "^6.2.1",
     "react-router-dom": "^6.2.1",

web/frontend/src/components/buttons/DownloadButton.tsx

@@ -10,7 +10,7 @@ const DownloadButton: FC<DownloadButtonProps> = ({ exportData, children }) => {
   return (
     <button
       type="button"
-      className="flex inline-flex my-2 mx-2 items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm shadow-md font-medium hover:text-indigo-500"
+      className="inline-flex my-2 mx-2 items-center px-4 py-2 border rounded-md  text-sm font-medium hover:text-indigo-500"
       onClick={exportData}>
       <CloudDownloadIcon className="-ml-1 mr-2 h-5 w-5" aria-hidden="true" />
       {children}

web/frontend/src/language/en.json

@@ -18,6 +18,34 @@
     "notFoundLink": "Go to home page",
     "results": "results",
     "showing": "Showing",
+    "saveQuestion": "Save",
+    "addRank": "Add rank",
+    "editrank": "Edit rank",
+    "removerank": "Remove rank",
+    "addSelect": "Add select",
+    "editselect": "Edit select",
+    "removeselect": "Remove select",
+    "addText": "Add text",
+    "edittext": "Edit text",
+    "removetext": "Remove text",
+    "subject": "Subject",
+    "choices": "Choices",
+    "answers": "Answers",
+    "enterMaxLength": "Enter the MaxLength",
+    "maxChoices": "Max number of choices",
+    "minChoices": "Min number of choices",
+    "enterMinN": "Enter the MinN",
+    "enterMaxN": "Enter the MaxN",
+    "enterRegex": "Enter your regex",
+    "enterTitle": "Enter your Title",
+    "mainProperties": "Main properties",
+    "additionalProperties": "Additional properties",
+    "removeSubject": "Remove subject",
+    "addSubject": "Add subject",
+    "addQuestionrank": "Rank",
+    "addQuestionselect": "Select",
+    "addQuestiontext": "Text",
+    "importFile": "Import JSON file",
     "enterSciper": "Please give the sciper of the user",
     "adminDetails": "Add or remove roles of users from the admin table",
     "navBarCreateElection": "Create election",
@@ -41,10 +69,17 @@
     "combine": "Combine shares",
     "createElec": "Create election",
     "clearElec": "Clear election",
+    "confirmRemovesubject": "Do you really want to remove this subject?",
+    "confirmRemovetext": "Do you really want to remove this text?",
+    "confirmRemoverank": "Do you really want to remove this rank?",
+    "confirmRemoveselect": "Do you really want to remove this select?",
     "upload": "Choose a json file from your computer:",
     "notJson": "The file needs to have the .json extension.",
     "noFile": "No file found",
-    "create": "Create a new election by filling out the information below or by uploading a json file",
+    "createElecDesc": "Create a new election by filling out the information below or by",
+    "uploadJSON": "uploading a JSON file",
+    "enterMainTitle": "Enter the Main Title",
+    "enterSubjectTitle": "Enter the Subject Title",
     "errorCandidates": "You must add at least one candidate!",
     "errorNewCandidate": "Are you sure you don't want to add ",
     "errorRetrievingElection": "An error seems to have occurred while retrieving all the elections from our server. Contact the administrator of this website.",

web/frontend/src/pages/election/New.tsx

@@ -7,12 +7,11 @@ const ElectionCreate: FC = () => {
   const { t } = useTranslation();
 
   return (
-    <div className="font-sans">
-      <div className="px-4 py-4">
+    <div className="w-[70rem] font-sans md:px-4 md:py-4">
+      <div className="px-4 pt-4">
         <h2 className="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate">
           {t('navBarCreate')}
         </h2>
-        <div className="pt-2">{t('create')}</div>
       </div>
       <ElectionForm />
     </div>