Changing scrape column to tooltip. Fixes #8"

README.md

@@ -1,5 +1,7 @@
 # Torrents.csv
 
+<!-- Torrents.csv - An open source, collaborative repository of torrents, with a self-hostable web server.  -->
+
 `Torrents.csv` is a collaborative, *vetted* repository of torrents, consisting of a single, searchable `torrents.csv` file. Its initially populated with a January 2017 backup of the pirate bay, and new torrents are periodically added from various torrents sites via a rust script. 
 
 `Torrents.csv` will only store torrents with at least one seeder to keep the file small, and will be periodically purged of non-seeded torrents, and sorted by seeders descending.

server/ui/package.json

@@ -11,9 +11,9 @@
   "author": "Dominic Gannaway",
   "license": "MIT",
   "dependencies": {
+    "classcat": "^1.1.3",
     "inferno": "^6.0.3",
-    "moment": "^2.22.2",
-    "classcat": "^1.1.3"
+    "moment": "^2.22.2"
   },
   "devDependencies": {
     "fuse-box": "^3.1.3",

server/ui/src/index.tsx

@@ -76,6 +76,7 @@ class TorrentSearchComponent extends Component<any, State> {
 
   table() {
     return (
+      <div>
         <div class="table-responsive-sm">
           <table class="table table-hover">
             <thead>
@@ -85,7 +86,6 @@ class TorrentSearchComponent extends Component<any, State> {
                 <th class="text-right">Seeds</th>
                 <th class="text-right">Leeches</th>
                 <th>Created</th>
-              <th>Scraped</th>
                 <th></th>
               </tr>
             </thead>
@@ -96,8 +96,9 @@ class TorrentSearchComponent extends Component<any, State> {
                   <td class="text-right">{humanFileSize(torrent.size_bytes, true)}</td>
                   <td class="text-right">{torrent.seeders}</td>
                   <td class="text-right">{torrent.leechers}</td>
-                <td>{moment(torrent.created_unix * 1000).fromNow()}</td>
-                <td>{moment(torrent.scraped_date * 1000).fromNow()}</td>
+                  <td title={`Scraped ${moment(torrent.scraped_date * 1000).fromNow()}`}>
+                    {moment(torrent.created_unix * 1000).fromNow()}
+                  </td>
                   <td class="text-right">
                     <a href={magnetLink(torrent.infohash)}>
                       <i class="fas fa-magnet"></i>
@@ -107,6 +108,7 @@ class TorrentSearchComponent extends Component<any, State> {
               ))}
             </tbody>
           </table>
+        </div>
         {this.paginator()}
       </div>
     );