Fixed: Misaligned table border

Closes #5456

frontend/src/Activity/History/HistoryRow.js

@@ -242,10 +242,12 @@ class HistoryRow extends Component {
                   key={name}
                   className={styles.details}
                 >
+                  <div className={styles.actionContents}>
                     <IconButton
                       name={icons.INFO}
                       onPress={this.onDetailsPress}
                     />
+                  </div>
                 </TableRowCell>
               );
             }

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;
 }

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;

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;

frontend/src/InteractiveSearch/InteractiveSearchRow.js

@@ -152,7 +152,8 @@ class InteractiveSearchRow extends Component {
           {formatAge(age, ageHours, ageMinutes)}
         </TableRowCell>
 
-        <TableRowCell className={styles.title}>
+        <TableRowCell>
+          <div className={styles.titleContent}>
             <Link to={infoUrl}>
               {title}
             </Link>
@@ -168,6 +169,7 @@ class InteractiveSearchRow extends Component {
               episodeRequested={episodeRequested}
               isDaily={isDaily}
             />
+          </div>
         </TableRowCell>
 
         <TableRowCell className={styles.indexer}>