instantsearch.js: Fix navigation

- Fix first page link icon
- hide "last page" link (this is not even the last page)

Author: adriendupuis

docs/css/instantsearch.css

@@ -126,6 +126,10 @@ footer.md-footer {
     margin: 0;
 }
 
+.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item--lastPage {
+    display: none;
+}
+
 .md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-link {
     border: none;
     font-size: 14px;

docs/js/instantsearch.js

@@ -142,18 +142,15 @@
             container: paginationContainer,
             padding: 2,
             templates: {
-                first: `<svg class="tile-icon" width="16" height="16">
-                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-back"></use>
+                first: `<svg class="tile-icon" width="20" height="20">
+                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-expanded"></use>
                 </svg>`,
                 previous: `<svg class="tile-icon" width="20" height="20">
                     <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-back"></use>
                 </svg>`,
                 next: `<svg class="tile-icon" width="20" height="20">
                     <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-next"></use>
                 </svg>`,
-                last: `<svg class="tile-icon" width="16" height="16">
-                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-next"></use>
-                </svg>`,
             },
         }),
         instantsearch.widgets.refinementList({