From 427f76fbe096c2e7916aff58902119cf13628935 Mon Sep 17 00:00:00 2001
From: ta264 <ta264@users.noreply.github.com>
Date: Wed, 7 Apr 2021 15:31:24 +0100
Subject: [PATCH] Fixed: Better formatting of the author books page

---
 frontend/src/Author/Details/BookRow.css     | 20 +++++++++++++--
 frontend/src/Author/Details/BookRow.js      |  7 +++++-
 frontend/src/Store/Actions/seriesActions.js | 28 +++++----------------
 3 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/frontend/src/Author/Details/BookRow.css b/frontend/src/Author/Details/BookRow.css
index e29f491d7..cc42d2cf6 100644
--- a/frontend/src/Author/Details/BookRow.css
+++ b/frontend/src/Author/Details/BookRow.css
@@ -1,7 +1,5 @@
 .title {
   composes: cell from '~Components/Table/Cells/TableRowCell.css';
-
-  white-space: nowrap;
 }
 
 .monitored {
@@ -15,3 +13,21 @@
 
   width: 100px;
 }
+
+.rating {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 100px;
+}
+
+.releaseDate {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 120px;
+}
+
+.pageCount {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 80px;
+}
diff --git a/frontend/src/Author/Details/BookRow.js b/frontend/src/Author/Details/BookRow.js
index c0535f928..b7500e373 100644
--- a/frontend/src/Author/Details/BookRow.js
+++ b/frontend/src/Author/Details/BookRow.js
@@ -154,7 +154,10 @@ class BookRow extends Component {
 
             if (name === 'rating') {
               return (
-                <TableRowCell key={name}>
+                <TableRowCell
+                  key={name}
+                  className={styles.rating}
+                >
                   {
                     <StarRating
                       rating={ratings.value}
@@ -168,6 +171,7 @@ class BookRow extends Component {
             if (name === 'releaseDate') {
               return (
                 <RelativeDateCellConnector
+                  className={styles.releaseDate}
                   key={name}
                   date={releaseDate}
                 />
@@ -178,6 +182,7 @@ class BookRow extends Component {
               return (
                 <TableRowCell
                   key={name}
+                  className={styles.pageCount}
                 >
                   {pageCount || ''}
                 </TableRowCell>
diff --git a/frontend/src/Store/Actions/seriesActions.js b/frontend/src/Store/Actions/seriesActions.js
index 83526108f..72109218c 100644
--- a/frontend/src/Store/Actions/seriesActions.js
+++ b/frontend/src/Store/Actions/seriesActions.js
@@ -38,10 +38,10 @@ export const defaultState = {
       isVisible: true
     },
     {
-      name: 'position',
-      label: 'Number',
+      name: 'series',
+      label: 'Series',
       isSortable: true,
-      isVisible: true
+      isVisible: false
     },
     {
       name: 'releaseDate',
@@ -50,26 +50,10 @@ export const defaultState = {
       isVisible: true
     },
     {
-      name: 'secondaryTypes',
-      label: 'Secondary Types',
-      isSortable: true,
-      isVisible: false
-    },
-    {
-      name: 'mediumCount',
-      label: 'Media Count',
-      isVisible: false
-    },
-    {
-      name: 'bookCount',
-      label: 'Book Count',
-      isVisible: false
-    },
-    {
-      name: 'duration',
-      label: 'Duration',
+      name: 'pageCount',
+      label: 'Pages',
       isSortable: true,
-      isVisible: false
+      isVisible: true
     },
     {
       name: 'rating',