From aa938d911b61b08185dc57a0887f3f33e3c6e1f2 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sun, 5 Mar 2023 18:58:57 -0800
Subject: [PATCH] Fixed: Misaligned table border

Closes #5456
---
 frontend/src/Activity/History/HistoryRow.js   | 10 +++---
 .../src/Episode/Summary/EpisodeFileRow.css    |  2 --
 .../InteractiveSearchRow.css                  |  4 +--
 .../InteractiveSearchRow.css.d.ts             |  2 +-
 .../InteractiveSearch/InteractiveSearchRow.js | 34 ++++++++++---------
 5 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/frontend/src/Activity/History/HistoryRow.js b/frontend/src/Activity/History/HistoryRow.js
index 9b5a15c23..9c005d246 100644
--- a/frontend/src/Activity/History/HistoryRow.js
+++ b/frontend/src/Activity/History/HistoryRow.js
@@ -242,10 +242,12 @@ class HistoryRow extends Component {
                   key={name}
                   className={styles.details}
                 >
-                  <IconButton
-                    name={icons.INFO}
-                    onPress={this.onDetailsPress}
-                  />
+                  <div className={styles.actionContents}>
+                    <IconButton
+                      name={icons.INFO}
+                      onPress={this.onDetailsPress}
+                    />
+                  </div>
                 </TableRowCell>
               );
             }
diff --git a/frontend/src/Episode/Summary/EpisodeFileRow.css b/frontend/src/Episode/Summary/EpisodeFileRow.css
index 6c7ef07a6..e694aa8c3 100644
--- a/frontend/src/Episode/Summary/EpisodeFileRow.css
+++ b/frontend/src/Episode/Summary/EpisodeFileRow.css
@@ -20,7 +20,5 @@
 .actions {
   composes: cell from '~Components/Table/Cells/TableRowCell.css';
 
-  display: flex;
-  justify-content: flex-end;
   width: 55px;
 }
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
index b51f12375..48c2140f4 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -4,9 +4,7 @@
   width: 80px;
 }
 
-.title {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
-
+.titleContent {
   display: flex;
   align-items: center;
   justify-content: space-between;
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
index 0b79ec2c7..8bc30fbc3 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
@@ -12,7 +12,7 @@ interface CssExports {
   'rejected': string;
   'sceneMapping': string;
   'size': string;
-  'title': string;
+  'titleContent': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.js b/frontend/src/InteractiveSearch/InteractiveSearchRow.js
index 7cf1d47b6..caedfc24a 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.js
@@ -152,22 +152,24 @@ class InteractiveSearchRow extends Component {
           {formatAge(age, ageHours, ageMinutes)}
         </TableRowCell>
 
-        <TableRowCell className={styles.title}>
-          <Link to={infoUrl}>
-            {title}
-          </Link>
-          <ReleaseSceneIndicator
-            className={styles.sceneMapping}
-            seasonNumber={mappedSeasonNumber}
-            episodeNumbers={mappedEpisodeNumbers}
-            absoluteEpisodeNumbers={mappedAbsoluteEpisodeNumbers}
-            sceneSeasonNumber={seasonNumber}
-            sceneEpisodeNumbers={episodeNumbers}
-            sceneAbsoluteEpisodeNumbers={absoluteEpisodeNumbers}
-            sceneMapping={sceneMapping}
-            episodeRequested={episodeRequested}
-            isDaily={isDaily}
-          />
+        <TableRowCell>
+          <div className={styles.titleContent}>
+            <Link to={infoUrl}>
+              {title}
+            </Link>
+            <ReleaseSceneIndicator
+              className={styles.sceneMapping}
+              seasonNumber={mappedSeasonNumber}
+              episodeNumbers={mappedEpisodeNumbers}
+              absoluteEpisodeNumbers={mappedAbsoluteEpisodeNumbers}
+              sceneSeasonNumber={seasonNumber}
+              sceneEpisodeNumbers={episodeNumbers}
+              sceneAbsoluteEpisodeNumbers={absoluteEpisodeNumbers}
+              sceneMapping={sceneMapping}
+              episodeRequested={episodeRequested}
+              isDaily={isDaily}
+            />
+          </div>
         </TableRowCell>
 
         <TableRowCell className={styles.indexer}>