fix: hide runner up col on small displays

This commit is contained in:
2023-11-26 18:52:16 +01:00
parent c0439ff2eb
commit 5894391a29
2 changed files with 7 additions and 2 deletions

View File

@@ -19,6 +19,7 @@ th{
margin-bottom: 2px; margin-bottom: 2px;
font-weight: bold; font-weight: bold;
} }
table{ table{
border-collapse:separate; border-collapse:separate;
border-spacing: 0 0.25em; border-spacing: 0 0.25em;
@@ -74,5 +75,9 @@ input{
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
} }
.runner-up{
display: none;
width: 0;
}
} }

View File

@@ -32,7 +32,7 @@
<th class="px-2"> <th class="px-2">
<div class="margin-table-mid">Record Age</div> <div class="margin-table-mid">Record Age</div>
</th> </th>
<th class="px-2"> <th class="px-2 runner-up">
<div class="margin-table-mid">Runner Up (%)</div> <div class="margin-table-mid">Runner Up (%)</div>
</th> </th>
</tr> </tr>
@@ -68,7 +68,7 @@
<td class="px-2"> <td class="px-2">
<div class="margin-table-mid">{{ map.get_best_replay_age() }} days</div> <div class="margin-table-mid">{{ map.get_best_replay_age() }} days</div>
</td> </td>
<td class="px-2"> <td class="px-2 runner-up">
<div class="margin-r">{{ map.get_record_replay_percent_diff() }}</div> <div class="margin-r">{{ map.get_record_replay_percent_diff() }}</div>
</td> </td>
</tr> </tr>