Less Ugly

Fix #548

public/css/style.css

@@ -1,6 +1,6 @@
 /* Torrent status colors */
 .remake {
-  background-color: rgb(240, 176, 128);
+  background-color: rgba(240, 176, 128, 0.6);
 }
 .trusted {
   background-color: #a3e9a4;
@@ -9,6 +9,31 @@
   background-color: #81d3fa;
 }
 
+.container.remake {
+box-shadow: 0px 0px 30px 10px rgba(240, 176, 128, 0.6);
+}
+.row.remake {
+margin-bottom: 0.5rem; 
+color: white;
+padding:2px 0;
+}
+.container.trusted {
+box-shadow: 0px 0px 30px 10px rgba(163, 233, 164, 0.6);
+}
+.row.trusted {
+margin-bottom: 0.5rem; 
+color: white;
+padding:2px 0;
+}
+.container.aplus {
+box-shadow: 0px 0px 30px 10px rgba(129, 211, 250, 0.6);
+}
+.row.aplus {
+margin-bottom: 0.5rem; 
+color: white;
+padding:2px 0;
+}
+
 /* modified copy of NyaaTorrent theme */
 #mainmenu, #mainmenu .dropdown-menu{
     background: #263238;

templates/view.html

@@ -1,13 +1,13 @@
 {{define "title"}}{{.Torrent.Name}}{{end}}
-{{define "contclass"}}cont-view{{end}}
+{{define "contclass"}}cont-view {{if eq .Torrent.Status 2}}remake{{end}} {{if eq .Torrent.Status 3}}trusted{{end}} {{if eq .Torrent.Status 4}}aplus{{end}}{{end}}
 {{define "content"}}
 <div class="blockBody">
     {{with .Torrent}}
     <hr>
     <div class="content" style="margin-bottom: 2em;">
-        <div class="row">
+        <div class="row {{if eq .Status 2}}remake{{end}} {{if eq .Status 3}}trusted{{end}} {{if eq .Status 4}}aplus{{end}}">
             <div class="col-md-12">
-                <h3 class="break {{if eq .Status 2}}remake{{end}} {{if eq .Status 3}}trusted{{end}} {{if eq .Status 4}}aplus{{end}}">{{.Name}}</h3>
+                <h3 class="break">{{.Name}}</h3>
             </div>
         </div>
         <div class="row">