diff --git a/NorahUniversity/__pycache__/settings.cpython-313.pyc b/NorahUniversity/__pycache__/settings.cpython-313.pyc
index 0c2902f..aa2a5e7 100644
Binary files a/NorahUniversity/__pycache__/settings.cpython-313.pyc and b/NorahUniversity/__pycache__/settings.cpython-313.pyc differ
diff --git a/NorahUniversity/__pycache__/urls.cpython-313.pyc b/NorahUniversity/__pycache__/urls.cpython-313.pyc
index b452d00..3cec214 100644
Binary files a/NorahUniversity/__pycache__/urls.cpython-313.pyc and b/NorahUniversity/__pycache__/urls.cpython-313.pyc differ
diff --git a/NorahUniversity/settings.py b/NorahUniversity/settings.py
index 3eb57de..2333ee5 100644
--- a/NorahUniversity/settings.py
+++ b/NorahUniversity/settings.py
@@ -135,9 +135,9 @@ WSGI_APPLICATION = 'NorahUniversity.wsgi.application'
 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.postgresql_psycopg2',
-        'NAME': 'haikal_db',
-        'USER': 'faheed',
-        'PASSWORD': 'Faheed@215',
+        'NAME': 'norahuniversity',
+        'USER': 'norahuniversity',
+        'PASSWORD': 'norahuniversity',
         'HOST': '127.0.0.1',
         'PORT': '5432',
     }
diff --git a/recruitment/__pycache__/linkedin_service.cpython-313.pyc b/recruitment/__pycache__/linkedin_service.cpython-313.pyc
index a50a296..46028cc 100644
Binary files a/recruitment/__pycache__/linkedin_service.cpython-313.pyc and b/recruitment/__pycache__/linkedin_service.cpython-313.pyc differ
diff --git a/recruitment/__pycache__/signals.cpython-313.pyc b/recruitment/__pycache__/signals.cpython-313.pyc
index e5ea1ae..af1a9cb 100644
Binary files a/recruitment/__pycache__/signals.cpython-313.pyc and b/recruitment/__pycache__/signals.cpython-313.pyc differ
diff --git a/recruitment/__pycache__/urls.cpython-313.pyc b/recruitment/__pycache__/urls.cpython-313.pyc
index 097b279..9e9b644 100644
Binary files a/recruitment/__pycache__/urls.cpython-313.pyc and b/recruitment/__pycache__/urls.cpython-313.pyc differ
diff --git a/recruitment/__pycache__/views.cpython-313.pyc b/recruitment/__pycache__/views.cpython-313.pyc
index c251e16..e3412b7 100644
Binary files a/recruitment/__pycache__/views.cpython-313.pyc and b/recruitment/__pycache__/views.cpython-313.pyc differ
diff --git a/recruitment/__pycache__/views_frontend.cpython-313.pyc b/recruitment/__pycache__/views_frontend.cpython-313.pyc
index c24c570..0d14960 100644
Binary files a/recruitment/__pycache__/views_frontend.cpython-313.pyc and b/recruitment/__pycache__/views_frontend.cpython-313.pyc differ
diff --git a/recruitment/migrations/__pycache__/0001_initial.cpython-313.pyc b/recruitment/migrations/__pycache__/0001_initial.cpython-313.pyc
index 138c9d1..4f4c4c8 100644
Binary files a/recruitment/migrations/__pycache__/0001_initial.cpython-313.pyc and b/recruitment/migrations/__pycache__/0001_initial.cpython-313.pyc differ
diff --git a/templates/recruitment/candidate_interview_view.html b/templates/recruitment/candidate_interview_view.html
index 29c44e6..ae5cab9 100644
--- a/templates/recruitment/candidate_interview_view.html
+++ b/templates/recruitment/candidate_interview_view.html
@@ -162,7 +162,7 @@
         font-size: 0.8rem !important; /* Slightly smaller font */
     }
 
-    
+
 
 </style>
 {% endblock %}
@@ -195,7 +195,7 @@
                     {# Form 1: Status Update #}
                     <form hx-boost="true" hx-include="#candidate-form" action="{% url 'candidate_update_status' job.slug %}" method="post" class="d-flex align-items-end gap-2 action-group">
                         {% csrf_token %}
-                        
+
                         {# Select Input Group - No label needed for this one, so we just flex the select and button #}
                         <select name="mark_as" id="update_status" class="form-select form-select-sm" style="width: 120px;">
                             <option selected>
@@ -214,8 +214,8 @@
                     </form>
 
                     {# Separator (Vertical Rule) - Aligns automatically at the bottom with align-items-end #}
-                    <div class="vr" style="height: 28px;"></div> 
-                    
+                    <div class="vr" style="height: 28px;"></div>
+
                     {# Form 2: Schedule Interviews #}
                     <form hx-boost="true" hx-include="#candidate-form" action="{% url 'schedule_interviews' job.slug %}" method="get" class="action-group">
                         <button type="submit" class="btn btn-main-action btn-sm">
@@ -240,15 +240,15 @@
                                 </div>
                             {% endif %}
                         </th>
-                        <th style="width: 8%"><i class="fas fa-user me-1"></i> {% trans "Name" %}</th>
+                        <th style="width: 13%"><i class="fas fa-user me-1"></i> {% trans "Name" %}</th>
                         <th style="width: 15%"><i class="fas fa-phone me-1"></i> {% trans "Contact" %}</th>
                         <th style="width: 15%"><i class="fas fa-tag me-1"></i> {% trans "Topic" %}</th>
-                        <th style="width: 10%"><i class="fas fa-clock me-1"></i> {% trans "Duration" %}</th>
+                        <th style="width: 15%"><i class="fas fa-clock me-1"></i> {% trans "Duration" %}</th>
                         <th style="width: 10%"><i class="fas fa-calendar me-1"></i> {% trans "Meeting Date" %}</th>
-                        <th style="width: 5%"><i class="fas fa-video me-1"></i> {% trans "Link" %}</th>
-                        <th style="width: 5%"><i class="fas fa-check-circle me-1"></i> {% trans "Meeting Status" %}</th>
+                        <th style="width: 7%"><i class="fas fa-video me-1"></i> {% trans "Link" %}</th>
+                        <th style="width: 8%"><i class="fas fa-check-circle me-1"></i> {% trans "Meeting Status" %}</th>
                         <th style="width: 5%"><i class="fas fa-check-circle me-1"></i> {% trans "Interview Result" %}</th>
-                        <th style="width: 15%"><i class="fas fa-cog me-1"></i> {% trans "Actions" %}</th>
+                        <th style="width: 10%"><i class="fas fa-cog me-1"></i> {% trans "Actions" %}</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -298,8 +298,8 @@
                                 {% if latest_meeting and latest_meeting.join_url %}
                                     <a href="{{ latest_meeting.join_url }}" target="_blank" class="btn btn-sm bg-primary-theme text-white" title="Join Interview"
                                     {% if latest_meeting.status == 'ended' %}disabled{% endif %}>
-                                        click to join
-                                        <i class="fas fa-video me-1"></i>
+                                    join
+                                    <i class="fas fa-video me-1"></i>
                                     </a>
                                 {% else %}
                                     <span class="text-muted">--</span>
@@ -332,10 +332,15 @@
                                     <i class="fas fa-plus"></i>
                                 </button>
                             {% else %}
-                                {% if candidate.interview_status == "Passed" %}
-                                <span class="status-badge bg-success">{{ candidate.interview_status }}</span>
-                                {% elif candidate.interview_status == "Failed" %}
-                                <span class="status-badge bg-danger">{{ candidate.interview_status }}</span>
+                                {% if candidate.interview_status %}
+                                    <button type="button" class="btn btn-{% if candidate.interview_status == 'Passed' %}success{% else %}danger{% endif %} btn-sm"
+                                        data-bs-toggle="modal"
+                                        data-bs-target="#candidateviewModal"
+                                        hx-get="{% url 'update_candidate_status' job.slug candidate.slug 'interview' 'passed' %}"
+                                        hx-target="#candidateviewModalBody"
+                                        title="Pass Exam">
+                                        {{ candidate.interview_status }}
+                                    </button>
                                 {% else %}
                                 --
                                 {% endif %}
diff --git a/templates/recruitment/candidate_offer_view.html b/templates/recruitment/candidate_offer_view.html
index 73fb5e1..a065b6c 100644
--- a/templates/recruitment/candidate_offer_view.html
+++ b/templates/recruitment/candidate_offer_view.html
@@ -162,7 +162,7 @@
         font-size: 0.8rem !important; /* Slightly smaller font */
     }
 
-    
+
 
 </style>
 {% endblock %}
@@ -196,7 +196,7 @@
                     {# Form: Hired/Rejected Status Update #}
                     <form hx-boost="true" hx-include="#candidate-form" action="{% url 'candidate_update_status' job.slug %}" method="post" class="d-flex align-items-end gap-2 action-group">
                         {% csrf_token %}
-                        
+
                         {# Select element #}
                         <select name="mark_as" id="update_status" class="form-select form-select-sm" style="width: 120px;">
                             <option selected>
@@ -209,7 +209,7 @@
                                 {% trans "To Rejected" %}
                             </option>
                         </select>
-                        
+
                         {# Button #}
                         <button type="submit" class="btn btn-main-action btn-sm">
                             <i class="fas fa-arrow-right me-1"></i> {% trans "Move" %}
@@ -217,7 +217,7 @@
                     </form>
 
                     {# Separator (Vertical Rule) #}
-                    <div class="vr" style="height: 28px;"></div> 
+                    <div class="vr" style="height: 28px;"></div>
 
                 </div>
             </div>
@@ -228,7 +228,7 @@
             <table class="table candidate-table align-middle">
                 <thead>
                     <tr>
-                        <th>
+                        <th style="width: 2%">
                             {% if candidates %}
                                 <div class="form-check">
                                     <input
@@ -238,7 +238,7 @@
                         </th>
                         <th style="width: 15%"><i class="fas fa-user me-1"></i> {% trans "Name" %}</th>
                         <th style="width: 15%"><i class="fas fa-phone me-1"></i> {% trans "Contact" %}</th>
-                        <th style="width: 10%"><i class="fas fa-check-circle me-1"></i> {% trans "Offer" %}</th>
+                        <th class="text-center" style="width: 10%"><i class="fas fa-check-circle me-1"></i> {% trans "Offer" %}</th>
                         <th style="width: 15%"><i class="fas fa-cog me-1"></i> {% trans "Actions" %}</th>
                     </tr>
                 </thead>