Fix table head color and minor alignments

public/css/main.css

@@ -241,7 +241,7 @@ th, .home-td {
 
 th { border-bottom-width: 2px; }
 
-.tr-cat { width: 90px; text-align: left; }
+.tr-cat { width: 90px; text-align: center; }
 .tr-name { width: auto; text-align: left; white-space: normal; word-break: break-word; font-weight: bold; }
 .tr-links { width: 66px; }
 .tr-size { width: 90px; }

templates/home.html

@@ -15,7 +15,8 @@ Your browser does not support the audio element.
       <!-- Contain the table within a grid, as for better sizing -->
       <div class="results box">
           <table>
-          <tr class="torrent-info">
+          <thead class="torrent-info">
+          <tr>
               <th class="tr-cat">{{call $.T "category"}}</th>
               <th class="tr-name">
                 <a href="{{ genSearchWithOrdering .URL "1" }}">{{call $.T "name"}}<span class="sort-arrows">{{ genSortArrows .URL "1" }}</span></a>
@@ -35,6 +36,7 @@ Your browser does not support the audio element.
               <!-- <th><span class="glyphicon glyphicon-comment"></span></th> -->
               <th class="tr-date hide-xs"><a href="{{ genSearchWithOrdering .URL "2" }}">{{call $.T "date"}}<span class="sort-arrows">{{ genSortArrows .URL "2" }}</span></a></th>
           </tr>
+          </thead>
           {{ range .Models}}
           <tr class="torrent-info
               {{if eq .Status 2}}remake{{end}}