Add previous and next to pagination

Author: Dhruvi16

themes/vocabulary_theme/templates/macros/pagination.html

@@ -1,11 +1,11 @@
 {% macro render_pagination(pagination) %}
   <nav class="pagination" role="navigation" aria-label="pagination">
     <ul class="pagination-list">
-      <!-- {% if pagination.has_prev %}
-        <li class="page-item"><a class="page-link" href="{{ pagination.prev|url }}">Previous</a></li>
-      {% else %}
-        <li class="page-item disabled"><a class="page-link">Previous</a></li>
-      {% endif %} -->
+      {% if pagination.has_prev %}
+        <li class="inactive">
+          <a class="pagination-link inactive-link" href="{{ pagination.prev|url }}" aria-label="Goto previous"><i class="icon chevron-left"></i></a>
+        </li>
+      {% endif %}
       {% for p in range(pagination.pages) %}
         {% if pagination.current|url == pagination.for_page(p+1)|url %}
           <li class="common">
@@ -17,11 +17,11 @@
           </li>
         {% endif %}
       {% endfor %}
-      <!-- {% if pagination.has_next %}
-        <li class="page-item"><a class="page-link" href="{{ pagination.next|url }}">Next</a></li>
-      {% else %}
-        <li class="page-item disabled"><a class="page-link">Next</a></li>
-      {% endif %} -->
+      {% if pagination.has_next %}
+        <li class="inactive">
+          <a class="pagination-link inactive-link" href="{{ pagination.next|url }}" aria-label="Goto next"><i class="icon chevron-right"></i></a>
+        </li>
+      {% endif %}
     </ul>
   </nav>
 {% endmacro %}