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 %}
{% endblock %}
</head>
<body >
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="/">Tournament</a>

View File

@ -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 class="table table-striped table-responsive">
<tr>
<th>Team</th>
{% for opponent in divisionPlayers %}
@ -54,14 +54,14 @@
<table class="table">
<thead>
<tr>
<th>Player</th>
<th>Score</th>
<th class="text-left">Player</th>
<th class="text-right">Score</th>
</tr>
</thead>
{% for palyerScore in playOffStageGame.getScoreList() %}
<tr>
<td>{{ palyerScore.getPlayer().getTitle() }}</td>
<td>{{ palyerScore.getScore() }}</td>
<td class="text-left">{{ palyerScore.getPlayer().getTitle() }}</td>
<td class="text-right">{{ palyerScore.getScore() }}</td>
</tr>
{% endfor %}
</table>