From 8d2edbe6fd9bf6021de19e1643a2f8b0c6ca7f17 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Tue, 2 Jan 2018 17:05:50 -0500
Subject: [PATCH] Further improvements to torrent table

---
 src/ui/torrent_table.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/ui/torrent_table.js b/src/ui/torrent_table.js
index c73a945..a4671ab 100644
--- a/src/ui/torrent_table.js
+++ b/src/ui/torrent_table.js
@@ -8,6 +8,12 @@ import TorrentProgress from './torrent_progress';
 class TorrentTable extends Component {
   render() {
     const { selection, torrents, dispatch } = this.props;
+    const name_style = {
+      maxWidth: `${window.innerWidth * 0.25}px`,
+      textOverflow: 'ellipsis',
+      overflowX: 'hidden',
+      whiteSpace: 'nowrap'
+    };
     return (
       <table className="table torrents">
         <thead>
@@ -25,12 +31,7 @@ class TorrentTable extends Component {
                 }}
               />
             </th>
-            <th style={{
-              maxWidth: `${window.innerWidth * 0.25}px`,
-              textOverflow: 'ellipsis',
-              overflowX: 'hidden',
-              whiteSpace: 'nowrap'
-            }}>name</th>
+            <th style={nameStyle}>name</th>
             <th style={{ minWidth: '75px' }}>up</th>
             <th style={{ minWidth: '75px' }}>down</th>
             <th style={{width: "18rem"}}>
@@ -62,7 +63,7 @@ class TorrentTable extends Component {
                   }
                 />
               </td>
-              <td>
+              <td style={nameStyle}>
                 <a
                   href={`/torrents/${t.id}`}
                   onClick={e => {