final version code

static/css/style.css

@@ -6,7 +6,7 @@
   color: #007bff; /* Default color (Bootstrap's secondary color) */
   text-decoration: none;
   margin-left: 10px; /* Adjust the spacing from other icons, e.g., the bell */
-  position: relative;
+  position: absolute;
   transition: color 0.3s;
   top: -6px; /* Adjust the vertical position */
   right: -880px;

templates/base.html

@@ -80,17 +80,13 @@
             </div>
           {% endif %}
         </div>
+  </div>
+</div>
 {% if user.is_authenticated %}
 <a href="{% url 'message_box' %}" class="fa fa-commenting custom-icon-btn position-relative">
-          {% if unread_notifications_count > 0 %}
-          <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
-            {% endif %}   
-            {{ unread_notifications_count }}
   </span>
   {% endif %}
 </a>
-  </div>
-</div>
 </nav>
         <!-- Login/Profile Icon -->
         <a href="{% url 'profile' %}" class="login-icon">

templates/joblist.html

@@ -66,11 +66,15 @@
                     {% endif %}
                 </td>
                 <td>
+                    {% if employer.status == "Open" %}
                         {% if request.user.user_type == "job_seeker" %}
                             <a href="{% url 'onboarding_form' employer.id %}" class="btn btn-primary">Fill Onboarding Form</a>
                         {% else %}
                             <span class="text-muted">Must be Candidate</span>
                         {% endif %}
+                    {% else %}
+                        <span class="text-muted">Closed</span>
+                    {% endif %}
                 </td>
             </tr>
             {% endfor %}