polish detail pages (#1817)

assets/js/widgets/KimaiPaginatedBoxWidget.js

@@ -32,7 +32,7 @@ export default class KimaiPaginatedBoxWidget {
             document.addEventListener(eventName, reloadPage);
         }
 
-        this.widget.on('click', '.box-tools a', function (event) {
+        this.widget.on('click', '.box-tools ul.pagination a', function (event) {
             event.preventDefault();
             self.loadPage(jQuery(event.currentTarget).attr('href'));
         });

assets/sass/app.scss

@@ -10,6 +10,7 @@
 @import 'error-page';
 @import 'print';
 @import 'content';
+@import 'box';
 @import 'content-header';
 @import 'toolbar';
 @import 'sidebar';

assets/sass/box.scss

@@ -0,0 +1,14 @@
+.box {
+    /* used on detail pages for: customer, project and activity */
+    .box-body.no-padding div.comment {
+        padding: 10px;
+    }
+
+    .box-tools {
+        /* a button that is directly connected with a pagination element inside the box tools (eg. project list on customer detail page) */
+        .btn-pager {
+            float: left;
+            margin-right: 5px;
+        }
+    }
+}