a3x/nyaa
1
0
Fork 0
mirror of https://gitlab.com/SIGBUS/nyaa.git synced 2024-12-22 09:00:00 +00:00
Code Issues Projects Releases Wiki Activity

Improve reports table styling

Browse source 
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; 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 %} {% block body %}
{% from "_formhelpers.html" import render_field %} {% from "_formhelpers.html" import render_field %}
<div class="table-responsive"> <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> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
@ -16,7 +16,7 @@
</thead> </thead>
<tbody> <tbody>
{% for report in reports.items %} {% for report in reports.items %}
<tr> <tr class="reports-row">
<td>{{ report.id }}</td> <td>{{ report.id }}</td>
<td> <td>
<a href="{{ url_for('view_user', user_name=report.user.username) }}">{{ report.user.username }}</a> <a href="{{ url_for('view_user', user_name=report.user.username) }}">{{ report.user.username }}</a>
@ -26,13 +26,17 @@
</td> </td>
<td>{{ report.reason }}</td> <td>{{ report.reason }}</td>
<td>{{ report.created_time }}</td> <td>{{ report.created_time }}</td>
<td style="width: 15%"> <td style="width: 180px">
<form method="post"> <form method="post">
{{ report_action.csrf_token }} {{ report_action.csrf_token }}
{{ report_action.action }}
{{ report_action.torrent(value=report.torrent.id) }} {{ report_action.torrent(value=report.torrent.id) }}
{{ report_action.report(value=report.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> </form>
</td> </td>
</tr> </tr>