From f0e2bf4000bdcfa789d3715fe6ecfaa934007b69 Mon Sep 17 00:00:00 2001
From: Horilla <teamhorilla@gmail.com>
Date: Sat, 31 Aug 2024 15:14:52 +0530
Subject: [PATCH] [FIX] RECRUITMENT: Design fix in recruitment card view

---
 .../candidate_kanban_components.html          | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html b/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html
index 9b0ec1266..14bd0d06e 100644
--- a/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html
+++ b/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html
@@ -221,29 +221,31 @@
         $("#stageCount{{stage.id}}").attr("title",'{{candidates.paginator.count}} {% trans "Candidates" %}')
     </script>
     {% endfor %}
-    {% if candidates.number %}
-    <div class="oh-pagination" ondrag="event.stopPropagation();" onmousedown="event.stopPropagation()">
-        <nav class="oh-pagination__nav">
-            <ul class="oh-pagination__items">
-                {% if candidates.has_previous %}
-                <li class="oh-pagination__item oh-pagination__item--wide">
-                    <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page=1&stage_id={{candidates.0.stage_id.id}}" class="oh-pagination__link">{% trans "First" %}</a>
-                </li>
-                <li class="oh-pagination__item oh-pagination__item--wide">
-                    <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.previous_page_number }}&stage_id={{candidates.0.stage_id.id}}"
-                        class="oh-pagination__link">{% trans "Previous" %}</a>
-                </li>
-                {% endif %} {% if candidates.has_next %}
-                <li class="oh-pagination__item oh-pagination__item--wide">
-                    <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.next_page_number }}&stage_id={{candidates.0.stage_id.id}}"
-                        class="oh-pagination__link">{% trans "Next" %}</a>
-                </li>
-                <li class="oh-pagination__item oh-pagination__item--wide">
-                    <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.paginator.num_pages }}&stage_id={{candidates.0.stage_id.id}}"
-                        class="oh-pagination__link">{% trans "Last" %}</a>
-                </li>
-                {% endif %}
-            </ul>
-        </nav>
-    </div>
+    {% if candidates.has_previous or candidates.has_next %}
+        {% if candidates.number %}
+            <div class="oh-pagination" ondrag="event.stopPropagation();" onmousedown="event.stopPropagation()">
+                <nav class="oh-pagination__nav">
+                    <ul class="oh-pagination__items">
+                        {% if candidates.has_previous %}
+                        <li class="oh-pagination__item oh-pagination__item--wide">
+                            <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page=1&stage_id={{candidates.0.stage_id.id}}" class="oh-pagination__link">{% trans "First" %}</a>
+                        </li>
+                        <li class="oh-pagination__item oh-pagination__item--wide">
+                            <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.previous_page_number }}&stage_id={{candidates.0.stage_id.id}}"
+                                class="oh-pagination__link">{% trans "Previous" %}</a>
+                        </li>
+                        {% endif %} {% if candidates.has_next %}
+                        <li class="oh-pagination__item oh-pagination__item--wide">
+                            <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.next_page_number }}&stage_id={{candidates.0.stage_id.id}}"
+                                class="oh-pagination__link">{% trans "Next" %}</a>
+                        </li>
+                        <li class="oh-pagination__item oh-pagination__item--wide">
+                            <a hx-target="#kanbanCandidates{{candidates.0.stage_id.id}}" hx-get="{% url 'candidate-stage-component' %}?{{pd}}&candidate_page={{ candidates.paginator.num_pages }}&stage_id={{candidates.0.stage_id.id}}"
+                                class="oh-pagination__link">{% trans "Last" %}</a>
+                        </li>
+                        {% endif %}
+                    </ul>
+                </nav>
+            </div>
+        {% endif %}
     {% endif %}