Don't use responsive table on reports list

The responsive table actually does *worse* in narrow layouts because
the action column fucks off out of view and needs to be scrolled to
if the report reason is long. With a normal table you may not get
consistent row heights, but at least you don't have to horizontally
scroll to perform an action.

Also fixed a goof where I used a style attribute instead of making
the max-width for the action column a class.
This commit is contained in:
Nicolas F 2017-06-27 16:07:10 +02:00
parent 25535e9cb9
commit fdb041c23b
2 changed files with 6 additions and 2 deletions

View File

@ -415,3 +415,7 @@ h6:hover .header-anchor {
table.table > tbody > tr.reports-row > td {
vertical-align: middle;
}
td.report-action-column {
min-width: 150px;
}

View File

@ -2,7 +2,7 @@
{% block title %}Reports :: {{ config.SITE_NAME }}{% endblock %}
{% block body %}
{% from "_formhelpers.html" import render_field %}
<div class="table-responsive">
<div class="table">
<table class="table table-bordered table-hover table-striped table-condensed">
<thead>
<tr>
@ -37,7 +37,7 @@
</td>
<td>{{ report.reason }}</td>
<td>{{ report.created_time }}</td>
<td style="min-width: 150px">
<td class="report-action-column">
<form method="post">
{{ report_action.csrf_token }}
{{ report_action.torrent(value=report.torrent.id) }}