Index: jobvista-frontend/src/views/applications/ApplyToJobAdModal.js
===================================================================
--- jobvista-frontend/src/views/applications/ApplyToJobAdModal.js	(revision 28b3398dcd7f9cfd044c2cb7923434b06037fee2)
+++ jobvista-frontend/src/views/applications/ApplyToJobAdModal.js	(revision befb98800bd9171fa5ce8a5f29287e549f0ff5aa)
@@ -1,8 +1,7 @@
 import React, {useState} from "react";
-import "../job_advertisements/Form.css";
+import "../shared_css/Modal.css";
 
 import 'react-responsive-modal/styles.css';
 import {Modal} from 'react-responsive-modal';
-import Select from "react-select";
 
 //Validation
@@ -12,9 +11,8 @@
 
 
-import {employmentStatusOptions, industryOptions, jobTypeOptions} from "../selectOptions";
 import {useDispatch, useSelector} from "react-redux";
-import {JobAdvertisementActions} from "../../redux/actions/jobAdvertisementActions";
 import Roles from "../../enumerations/Roles";
 import {ApplicationActions} from "../../redux/actions/applicationActions";
+import {notifyJobAdApply} from "../../utils/toastUtils";
 
 
@@ -55,6 +53,6 @@
                 formData,(success, response) => {
                     if(success) {
-                        console.log("Job Advertisement added")
                         toggleModal()
+                        notifyJobAdApply()
                     }
                 }
@@ -70,5 +68,5 @@
         {role===Roles.JOBSEEKER &&
             <>
-                {jobAd.active && <button onClick={toggleModal} className="card-button apply">Apply now</button> }
+                {jobAd.active && <button onClick={toggleModal} className="apply-button apply">Apply now</button> }
                 {!jobAd.active && <button className="card-button apply disabled">Apply now</button> }
             </>
@@ -86,15 +84,15 @@
                             <label className="label">Why are you interested in joining our company?</label>
                             <textarea type="text" placeholder="Write your answer here..."
-                                      {...register("answerOne")} className="applictaion-textarea"/>
+                                      {...register("answerOne")} className="application-textarea"/>
                             <p style={{color: "red"}}>{errors.answerOne?.message}</p>
 
                             <label className="label">What makes you a good fit for this position?</label>
                             <textarea type="text" placeholder="Write your answer here..."
-                                      {...register("answerTwo")} className="applictaion-textarea"/>
+                                      {...register("answerTwo")} className="application-textarea"/>
                             <p style={{color: "red"}}>{errors.answerTwo?.message}</p>
 
                             <label className="label">What do you hope to achieve in your first 6 months in this role?</label>
                             <textarea type="text"  placeholder="Write your answer here..."
-                                   {...register("answerThree")} className="applictaion-textarea"/>
+                                   {...register("answerThree")} className="application-textarea"/>
                             <p style={{color: "red"}}>{errors.answerThree?.message}</p>
 
@@ -103,10 +101,10 @@
                             <label htmlFor="start">Curriculum vitae (CV)</label>
                             <br/>
-                            <input {...register("file")} onChange={(e) => setResumeFile(e.target.files[0])} required type="file" id="fileUpload" accept=".pdf"/>
+                            <input {...register("file")} className="resume-link" onChange={(e) => setResumeFile(e.target.files[0])} required type="file" id="fileUpload" accept=".pdf"/>
 
                             <br/>
                             <label className="label">Message to the recruiter</label>
                             <textarea type="text" placeholder="Optional..."
-                                      {...register("messageToRecruiter")} className="applictaion-textarea"/>
+                                      {...register("messageToRecruiter")} className="application-textarea"/>
 
                             <br/><br/>
@@ -115,5 +113,6 @@
                     </div>
 
-                    <div className="aligned">
+                    <div className="modal-buttons">
+                        <div className="cancel-btn" onClick={toggleModal}> Cancel</div>
                         <button className="submit-btn"> Submit</button>
                     </div>
