a3x
/
nyaa
mirror of https://gitlab.com/SIGBUS/nyaa.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve reports table styling 

Condense the table, vertically align the text inside rows, use a
bootstrap styled select, group it together with the review button
and shrink it down a little.
This commit is contained in:
Nicolas F 2017-06-27 15:25:55 +02:00
parent f1df776410
commit 9dfce327b6
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nyaa/static/css/main.css
View File

@ -411,3 +411,7 @@ h6:hover .header-anchor {
margin-top: auto;
}
}
table.table > tbody > tr.reports-row > td {
vertical-align: middle;
}

14
nyaa/templates/reports.html
View File

@ -3,7 +3,7 @@
{% block body %}
{% from "_formhelpers.html" import render_field %}
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped">
<table class="table table-bordered table-hover table-striped table-condensed">
<thead>
<tr>
<th>#</th>
@ -16,7 +16,7 @@
</thead>
<tbody>
{% for report in reports.items %}
<tr>
<tr class="reports-row">
<td>{{ report.id }}</td>
<td>
<a href="{{ url_for('view_user', user_name=report.user.username) }}">{{ report.user.username }}</a>
@ -26,13 +26,17 @@
</td>
<td>{{ report.reason }}</td>
<td>{{ report.created_time }}</td>
<td style="width: 15%">
<td style="width: 180px">
<form method="post">
{{ report_action.csrf_token }}
{{ report_action.action }}
{{ report_action.torrent(value=report.torrent.id) }}
{{ report_action.report(value=report.id) }}
<button type="submit" class="btn btn-primary pull-right">Review</button>
<div class="input-group input-group-sm">
{{ report_action.action(class_="form-control") }}
<div class="input-group-btn">
<button type="submit" class="btn btn-primary">Review</button>
</div>
</div>
</form>
</td>
</tr>