Cleaner look for the torrent file list

renderer/index.css

@@ -592,7 +592,7 @@ body.drag .app::after {
 }
 
 .torrent-details {
-  padding: 8em 12px 20px 20px;
+  padding: 8em 0 20px 0;
 }
 
 .torrent-details table {
@@ -617,7 +617,7 @@ body.drag .app::after {
 .torrent-details td {
   overflow: hidden;
   padding: 0;
-  vertical-align: bottom;
+  vertical-align: middle;
 }
 
 .torrent-details td .icon {
@@ -627,7 +627,8 @@ body.drag .app::after {
 }
 
 .torrent-details td.col-icon {
-  width: 2em;
+  width: 3em;
+  padding-left: 16px;
 }
 
 .torrent-details td.col-name {
@@ -646,7 +647,8 @@ body.drag .app::after {
 }
 
 .torrent-details td.col-select {
-  width: 2em;
+  width: 3em;
+  padding-right: 13px;
   text-align: right;
 }
 

renderer/views/torrent-list.js

@@ -190,7 +190,6 @@ function TorrentList (state) {
         (file, index) => renderFileRow(torrentSummary, file, index))
       filesElement = hx`
         <div class='files'>
-          <strong>Files</strong>
           <table>
             ${fileRows}
           </table>
@@ -223,7 +222,7 @@ function TorrentList (state) {
     var icon
     var handleClick
     if (isPlayable) {
-      icon = 'play_arrow' /* playable? add option to play */
+      icon = 'play_circle_outline' /* playable? add option to play */
       handleClick = dispatcher('play', infoHash, index)
     } else {
       icon = 'description' /* file icon, opens in OS default app */