From fdb041c23b4956dc9857ce299574b00a2161d230 Mon Sep 17 00:00:00 2001
From: Nicolas F <ovdev@fratti.ch>
Date: Tue, 27 Jun 2017 16:07:10 +0200
Subject: [PATCH] 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.
---
 nyaa/static/css/main.css    | 4 ++++
 nyaa/templates/reports.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/nyaa/static/css/main.css b/nyaa/static/css/main.css
index d2646d0..13fcb0a 100644
--- a/nyaa/static/css/main.css
+++ b/nyaa/static/css/main.css
@@ -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;
+}
diff --git a/nyaa/templates/reports.html b/nyaa/templates/reports.html
index 77ffe2e..943abb7 100644
--- a/nyaa/templates/reports.html
+++ b/nyaa/templates/reports.html
@@ -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) }}