From dba4b350a058ad22b184da29d44fd383b93c8bad Mon Sep 17 00:00:00 2001
From: Infinite <infinitekittens@protonmail.com>
Date: Sat, 29 Feb 2020 18:13:30 +0100
Subject: [PATCH] Fix scene list view

---
 .../src/components/Scenes/SceneListTable.tsx   | 10 +++++++---
 ui/v2.5/src/index.scss                         | 18 +++++++++++++++++-
 ui/v2.5/src/styles/_theme.scss                 |  7 +++++++
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneListTable.tsx b/ui/v2.5/src/components/Scenes/SceneListTable.tsx
index 21e87f43c..437d668eb 100644
--- a/ui/v2.5/src/components/Scenes/SceneListTable.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneListTable.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
 import React from "react";
 import { Table } from "react-bootstrap";
 import { Link } from "react-router-dom";
@@ -23,7 +24,9 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
       <Link
         key={performer.id}
         to={NavUtils.makePerformerScenesUrl(performer)}
-      />
+      >
+        <h6>{performer.name}</h6>
+      </Link>
     ));
 
   const renderSceneRow = (scene: GQL.SlimSceneDataFragment) => (
@@ -62,11 +65,12 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
   );
 
   return (
-    <div className="row table-list col col-lg-8 mx-auto">
+    <div className="row table-list justify-content-center">
       <Table striped bordered>
         <thead>
           <tr>
-            <th colSpan={2}>Title</th>
+            <th />
+            <th className="text-left">Title</th>
             <th>Rating</th>
             <th>Duration</th>
             <th>Tags</th>
diff --git a/ui/v2.5/src/index.scss b/ui/v2.5/src/index.scss
index 64e28aa6f..570133322 100755
--- a/ui/v2.5/src/index.scss
+++ b/ui/v2.5/src/index.scss
@@ -29,9 +29,25 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
-.table-list td {
+.table-list table {
+  width: inherit;
+}
+
+.table-list td,
+.table-list th {
+  border-left: 1px solid rgba(255, 255, 255, .15);
+  font-size: 1rem;
   text-align: center;
   vertical-align: middle;
+
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  &:first-child {
+    border-left: none;
+  }
 }
 
 @media (min-width: 576px) {
diff --git a/ui/v2.5/src/styles/_theme.scss b/ui/v2.5/src/styles/_theme.scss
index 70bc31431..97090e80b 100644
--- a/ui/v2.5/src/styles/_theme.scss
+++ b/ui/v2.5/src/styles/_theme.scss
@@ -111,14 +111,21 @@ hr {
   thead {
     th {
       border-bottom: 1px solid rgba(255, 255, 255, .15);
+      border-color: rgba(255, 255, 255, .15);
+      border-right: none;
       border-top: none;
     }
   }
 
   td {
     border: none;
+    border-color: rgba(255, 255, 255, .15);
     padding: .25rem .75rem;
   }
+
+  a {
+    color: $text-color;
+  }
 }
 
 .popover {