From 24ab9768e98d00bf3d56e465e69e94a1b9b95358 Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Fri, 2 Oct 2020 22:37:15 -0400
Subject: [PATCH] Fixed: Ended overlay on artist posters

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
Signed-off-by: Robin Dadswell <robin@dadswell.email>
---
 .../Index/Posters/AuthorIndexPoster.css       |  4 ----
 .../Author/Index/Posters/AuthorIndexPoster.js |  2 +-
 .../Index/Posters/AuthorIndexPosters.js       | 19 ++++++++++++-------
 frontend/src/Styles/Variables/dimensions.js   |  6 +++---
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/frontend/src/Author/Index/Posters/AuthorIndexPoster.css b/frontend/src/Author/Index/Posters/AuthorIndexPoster.css
index 4ca1179c7..4c581ccc8 100644
--- a/frontend/src/Author/Index/Posters/AuthorIndexPoster.css
+++ b/frontend/src/Author/Index/Posters/AuthorIndexPoster.css
@@ -1,9 +1,5 @@
 $hoverScale: 1.05;
 
-.container {
-  padding: 10px;
-}
-
 .content {
   transition: all 200ms ease-in;
 
diff --git a/frontend/src/Author/Index/Posters/AuthorIndexPoster.js b/frontend/src/Author/Index/Posters/AuthorIndexPoster.js
index 7f3c568fa..e30a49f1e 100644
--- a/frontend/src/Author/Index/Posters/AuthorIndexPoster.js
+++ b/frontend/src/Author/Index/Posters/AuthorIndexPoster.js
@@ -115,7 +115,7 @@ class AuthorIndexPoster extends Component {
     };
 
     return (
-      <div className={styles.container}>
+      <div>
         <div className={styles.content}>
           <div className={styles.posterContainer}>
             <Label className={styles.controls}>
diff --git a/frontend/src/Author/Index/Posters/AuthorIndexPosters.js b/frontend/src/Author/Index/Posters/AuthorIndexPosters.js
index 203cc8858..e4fe5d473 100644
--- a/frontend/src/Author/Index/Posters/AuthorIndexPosters.js
+++ b/frontend/src/Author/Index/Posters/AuthorIndexPosters.js
@@ -105,6 +105,7 @@ class AuthorIndexPosters extends Component {
 
     this._isInitialized = false;
     this._grid = null;
+    this._padding = props.isSmallScreen ? columnPaddingSmallScreen : columnPadding;
   }
 
   componentDidUpdate(prevProps, prevState) {
@@ -112,7 +113,8 @@ class AuthorIndexPosters extends Component {
       items,
       sortKey,
       posterOptions,
-      jumpToCharacter
+      jumpToCharacter,
+      isSmallScreen
     } = this.props;
 
     const {
@@ -124,7 +126,7 @@ class AuthorIndexPosters extends Component {
 
     if (prevProps.sortKey !== sortKey ||
         prevProps.posterOptions !== posterOptions) {
-      this.calculateGrid();
+      this.calculateGrid(width, isSmallScreen);
     }
 
     if (this._grid &&
@@ -164,10 +166,9 @@ class AuthorIndexPosters extends Component {
       posterOptions
     } = this.props;
 
-    const padding = isSmallScreen ? columnPaddingSmallScreen : columnPadding;
     const columnWidth = calculateColumnWidth(width, posterOptions.size, isSmallScreen);
     const columnCount = Math.max(Math.floor(width / columnWidth), 1);
-    const posterWidth = columnWidth - padding;
+    const posterWidth = columnWidth - this._padding * 2;
     const posterHeight = calculatePosterHeight(posterWidth);
     const rowHeight = calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions);
 
@@ -214,7 +215,10 @@ class AuthorIndexPosters extends Component {
     return (
       <div
         key={key}
-        style={style}
+        style={{
+          ...style,
+          padding: this._padding
+        }}
       >
         <AuthorIndexItemConnector
           key={author.id}
@@ -229,6 +233,7 @@ class AuthorIndexPosters extends Component {
           showRelativeDates={showRelativeDates}
           shortDateFormat={shortDateFormat}
           timeFormat={timeFormat}
+          style={style}
           authorId={author.id}
           qualityProfileId={author.qualityProfileId}
           metadataProfileId={author.metadataProfileId}
@@ -249,9 +254,9 @@ class AuthorIndexPosters extends Component {
 
   render() {
     const {
+      scroller,
       items,
-      isSmallScreen,
-      scroller
+      isSmallScreen
     } = this.props;
 
     const {
diff --git a/frontend/src/Styles/Variables/dimensions.js b/frontend/src/Styles/Variables/dimensions.js
index fbc1d0e63..fd78d61fa 100644
--- a/frontend/src/Styles/Variables/dimensions.js
+++ b/frontend/src/Styles/Variables/dimensions.js
@@ -46,8 +46,8 @@ module.exports = {
   // Modal
   modalBodyPadding: '30px',
 
-  // Author
-  authorIndexColumnPadding: '20px',
-  authorIndexColumnPaddingSmallScreen: '10px',
+  // Artist
+  authorIndexColumnPadding: '10px',
+  authorIndexColumnPaddingSmallScreen: '5px',
   authorIndexOverviewInfoRowHeight: '21px'
 };