Improved WBPagination, three dots now move to the middle of neighboring pages.

frontend/src/js/widget/wb-pagination.js

@@ -28,13 +28,14 @@ class WBPagination extends Component {
       </li>
     ));
 
-    for (let idx in visible) {
+    for (let idx = 0; idx < visible.length; idx++) {
       let i = visible[idx];
+      let capturePrev = prev;
       if (i > prev + 1)
         res.push((
           <li class="page-item">
-            <a class="page-link" href={ getPageUrl(i - 1) }
-              onclick={ e => this.changePage(e, i - 1) }>...</a>
+            <a class="page-link" href={ getPageUrl(Math.round((i + capturePrev) / 2)) }
+              onclick={ e => this.changePage(e, Math.round((i + capturePrev) / 2)) }>...</a>
           </li>
         ));
       prev = i;