diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css index 87959fe45..3d6cc972a 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css @@ -20,7 +20,12 @@ height: 250px; } +.content { + flex: 0 1 100%; +} + .title { + display: flex; font-weight: 300; font-size: 36px; } @@ -30,6 +35,18 @@ color: $disabledColor; } +.tmdbLink { + composes: link from '~Components/Link/Link.css'; + + margin-top: -4px; + margin-left: auto; + color: $textColor; +} + +.tmdbLinkIcon { + margin-left: 10px; +} + .alreadyExistsIcon { margin-left: 10px; color: #37bc9b; diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js index 019885ce5..1a76c6f7a 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js @@ -39,6 +39,10 @@ class AddNewMovieSearchResult extends Component { this.setState({ isNewAddMovieModalOpen: false }); } + onTMDBLinkPress = (event) => { + event.stopPropagation(); + } + // // Render @@ -82,7 +86,7 @@ class AddNewMovieSearchResult extends Component { /> } -