Change table type to responsive and fix text align

This commit is contained in:
Aleksandr Zaitsev 2024-03-11 18:03:46 +02:00
parent ee52d3dbdb
commit 20b3b9da12
2 changed files with 6 additions and 6 deletions

View File

@ -8,7 +8,7 @@
{% block stylesheets %} {% block stylesheets %}
{% endblock %} {% endblock %}
</head> </head>
<body > <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">Tournament</a> <a class="navbar-brand" href="/">Tournament</a>

View File

@ -8,7 +8,7 @@
<div class="text-center mt-5"> <div class="text-center mt-5">
<h2><span>{{ division.getTitle() }}</span> division qualification </h2> <h2><span>{{ division.getTitle() }}</span> division qualification </h2>
{% set divisionPlayers = division.getPlayerList() %} {% set divisionPlayers = division.getPlayerList() %}
<table class="table table-striped"> <table class="table table-striped table-responsive">
<tr> <tr>
<th>Team</th> <th>Team</th>
{% for opponent in divisionPlayers %} {% for opponent in divisionPlayers %}
@ -54,14 +54,14 @@
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th>Player</th> <th class="text-left">Player</th>
<th>Score</th> <th class="text-right">Score</th>
</tr> </tr>
</thead> </thead>
{% for palyerScore in playOffStageGame.getScoreList() %} {% for palyerScore in playOffStageGame.getScoreList() %}
<tr> <tr>
<td>{{ palyerScore.getPlayer().getTitle() }}</td> <td class="text-left">{{ palyerScore.getPlayer().getTitle() }}</td>
<td>{{ palyerScore.getScore() }}</td> <td class="text-right">{{ palyerScore.getScore() }}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>