From a37d7758b479b610e5d83026523b4891496119a0 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Tue, 27 Nov 2018 18:16:29 -0700
Subject: [PATCH] Adding custom styles.

---
 server/ui/src/Main.css              | 13 ++++++++++---
 server/ui/src/components/search.tsx |  6 +++---
 server/ui/src/index.tsx             |  2 +-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/server/ui/src/Main.css b/server/ui/src/Main.css
index 23f024a..aa29ab6 100644
--- a/server/ui/src/Main.css
+++ b/server/ui/src/Main.css
@@ -1,4 +1,11 @@
-.red {
-    text-align: center;
-    color: red;
+.table-fixed {
+    table-layout: fixed;
 }
+
+.search-name-col {
+    width: 50%;
+}
+
+.search-name-cell {
+    word-wrap: break-word;
+}
\ No newline at end of file
diff --git a/server/ui/src/components/search.tsx b/server/ui/src/components/search.tsx
index f8db1a9..88f1c4a 100644
--- a/server/ui/src/components/search.tsx
+++ b/server/ui/src/components/search.tsx
@@ -101,10 +101,10 @@ export class Search extends Component<any, State> {
   table() {
     return (
       <div>
-        <table style="table-layout: fixed;" class="table table-fixed table-hover table-sm table-striped">
+        <table class="table table-fixed table-hover table-sm table-striped">
           <thead>
             <tr>
-              <th style="width: 50%">Name</th>
+              <th class="search-name-col">Name</th>
               <th class="text-right">Size</th>
               <th class="text-right">Seeds</th>
               <th class="text-right d-none d-md-table-cell">Leeches</th>
@@ -115,7 +115,7 @@ export class Search extends Component<any, State> {
           <tbody>
             {this.state.results.torrents.map(torrent => (
               <tr>
-                <td style="word-wrap: break-word;">{torrent.name}</td>
+                <td class="search-name-cell">{torrent.name}</td>
                 <td class="text-right text-muted">{humanFileSize(torrent.size_bytes, true)}</td>
                 <td class="text-right text-success"><div><i class="fas fa-fw fa-arrow-up"></i>{torrent.seeders}</div></td>
                 <td class="text-right text-danger d-none d-md-table-cell"><i class="fas fa-fw fa-arrow-down"></i>{torrent.leechers}</td>
diff --git a/server/ui/src/index.tsx b/server/ui/src/index.tsx
index 6cf899c..2f78f79 100644
--- a/server/ui/src/index.tsx
+++ b/server/ui/src/index.tsx
@@ -1,5 +1,5 @@
 import { render, Component } from 'inferno';
-import { HashRouter, Route, Switch, Link } from 'inferno-router';
+import { HashRouter, Route, Switch } from 'inferno-router';
 
 import { Navbar } from './components/navbar';
 import { Home } from './components/home';