From 21bc18dd2af97a6e8151919e486d67fa4cc8ad18 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sun, 2 Aug 2020 13:07:12 -0700
Subject: [PATCH] Fixed: Long paths overflowing in movie history

---
 frontend/src/Movie/History/MovieHistoryRow.css | 6 ++++++
 frontend/src/Movie/History/MovieHistoryRow.js  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Movie/History/MovieHistoryRow.css b/frontend/src/Movie/History/MovieHistoryRow.css
index 12b76bad3..101e23783 100644
--- a/frontend/src/Movie/History/MovieHistoryRow.css
+++ b/frontend/src/Movie/History/MovieHistoryRow.css
@@ -3,3 +3,9 @@
 
   min-width: 70px;
 }
+
+.sourceTitle {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  word-break: break-word;
+}
diff --git a/frontend/src/Movie/History/MovieHistoryRow.js b/frontend/src/Movie/History/MovieHistoryRow.js
index 894cf7203..5c1e05547 100644
--- a/frontend/src/Movie/History/MovieHistoryRow.js
+++ b/frontend/src/Movie/History/MovieHistoryRow.js
@@ -81,7 +81,7 @@ class MovieHistoryRow extends Component {
           data={data}
         />
 
-        <TableRowCell>
+        <TableRowCell className={styles.sourceTitle}>
           {sourceTitle}
         </TableRowCell>