From 9dfce327b63f8c5fb11f2448844ba9581aee2a12 Mon Sep 17 00:00:00 2001
From: Nicolas F <ovdev@fratti.ch>
Date: Tue, 27 Jun 2017 15:25:55 +0200
Subject: [PATCH] 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.
---
 nyaa/static/css/main.css    |  4 ++++
 nyaa/templates/reports.html | 14 +++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/nyaa/static/css/main.css b/nyaa/static/css/main.css
index d361049..d2646d0 100644
--- a/nyaa/static/css/main.css
+++ b/nyaa/static/css/main.css
@@ -411,3 +411,7 @@ h6:hover .header-anchor {
 		margin-top: auto;
 	}
 }
+
+table.table > tbody > tr.reports-row > td {
+	vertical-align: middle;
+}
diff --git a/nyaa/templates/reports.html b/nyaa/templates/reports.html
index 455a6e9..a959089 100644
--- a/nyaa/templates/reports.html
+++ b/nyaa/templates/reports.html
@@ -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>