From 8381edab9387990b78b6f9fabf0b6922d8614821 Mon Sep 17 00:00:00 2001
From: Qvinti <qvinti.com@gmail.com>
Date: Mon, 11 Mar 2024 18:16:21 +0200
Subject: [PATCH] Fix index page style

---
 templates/index.html.twig      | 24 ++++++++++++++++++------
 templates/tournament.html.twig |  2 +-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/templates/index.html.twig b/templates/index.html.twig
index 2b94600..3453bdb 100644
--- a/templates/index.html.twig
+++ b/templates/index.html.twig
@@ -18,7 +18,7 @@
         </div>
         <div class="text-center mt-5">
             {% if tournamentCount > 0 %}
-                <div>There are {{ tournamentCount }} created tournaments.</div>
+                <h3 class="mb-5">There are {{ tournamentCount }} created tournaments.</h3>
 
                 {% for tournament in tournamentList %}
                     <div>
@@ -26,11 +26,23 @@
                     </div>
                 {% endfor %}
 
-                {% if page > 0 %}
-                    <a href="{{ path('tournament_list_get', { page: page - 1 }) }}">Previous</a>
-                {% endif %}
-                {% if page + 1 < tournamentCount/tournamentPerPage and tournamentList.count() >= tournamentPerPage %}
-                    <a href="{{ path('tournament_list_get', { page: page + 1 }) }}">Next</a>
+                {% if tournamentCount/tournamentPerPage > page %}
+
+                    <nav aria-label="Page navigation example" class=" mt-5">
+                        <ul class="pagination justify-content-center">
+                            {% if page > 0 %}
+                                <li class="page-item">
+                                    <a class="page-link" href="{{ path('tournament_list_get', { page: page - 1 }) }}">Previous</a>
+                                </li>
+                            {% endif %}
+                            {% if page + 1 < tournamentCount/tournamentPerPage and tournamentList.count() >= tournamentPerPage %}
+                                <li class="page-item">
+                                    <a class="page-link" href="{{ path('tournament_list_get', { page: page + 1 }) }}">Next</a>
+                                </li>
+                            {% endif %}
+                        </ul>
+                    </nav>
+
                 {% endif %}
             {% else %}
                 <div>No tournaments have been created yet.</div>
diff --git a/templates/tournament.html.twig b/templates/tournament.html.twig
index 9b2735d..a766c9d 100644
--- a/templates/tournament.html.twig
+++ b/templates/tournament.html.twig
@@ -8,7 +8,7 @@
             <div class="text-center mt-5">
                 <h2><span>{{ division.getTitle() }}</span> division qualification </h2>
                 {% set divisionPlayers = division.getPlayerList() %}
-                <table class="table table-striped table-responsive">
+                <table class="table table-striped table-responsive-lg">
                     <tr>
                         <th>Team</th>
                         {% for opponent in  divisionPlayers %}