max

server/web_app/public/js/insights.js

@@ -24,7 +24,7 @@ function initFromUrl() {
 async function fetchData() {
     let url = '';
     if (currentTarget === 'items') {
-        url = `${ROUTE}:${PORT}/items?sortBy=price&sort=${currentSort}&onlyBought=true`;
+        url = `${ROUTE}:${PORT}/items?sortBy=price&sort=${currentSort}&onlyBought=true&max=3`;
     } else {
         url = `${ROUTE}:${PORT}/wishLists/sortedByTotalBought?sort=${currentSort}`;
     }

server/web_app/templates/insights.html.twig

@@ -5,7 +5,8 @@
 {% endblock %}
 
 {% block body %}
-    {% if target == 'items' %}
+    <div class="container">
+{% if target == 'items' %}
         <h3 id="pageTitle">Top 3 most expensive purchased items</h3>
     {% else %}
         <h3 id="pageTitle">Top 3 wishlists with the highest total purchase amount</h3>
@@ -71,5 +72,7 @@
         </table>
     </section>
 
+    </div>
+    
     <script src="{{ asset('js/insights.js') }}"></script>
 {% endblock %}