diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js index 4e32aa912..0bc39d616 100644 --- a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js +++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js @@ -253,6 +253,7 @@ class InteractiveImportRow extends Component { diff --git a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.css b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.css index 54f67bb07..fd624f2a0 100644 --- a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.css +++ b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.css @@ -16,3 +16,36 @@ .scroller { flex: 1 1 auto; } + +.footer { + composes: modalFooter from '~Components/Modal/ModalFooter.css'; + + display: flex; + justify-content: space-between; + overflow: hidden; +} + +.path { + margin-right: 20px; + color: $dimColor; +} + +.buttons { + display: flex; +} + +@media only screen and (max-width: $breakpointSmall) { + .footer { + display: block; + } + + .path { + margin-right: 0; + margin-bottom: 10px; + } + + .buttons { + justify-content: space-between; + flex-grow: 1; + } +} diff --git a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.js b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.js index b0f834b53..a56588d5b 100644 --- a/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.js +++ b/frontend/src/InteractiveImport/Movie/SelectMovieModalContent.js @@ -37,6 +37,7 @@ class SelectMovieModalContent extends Component { render() { const { items, + relativePath, onMovieSelect, onModalClose } = this.props; @@ -46,7 +47,9 @@ class SelectMovieModalContent extends Component { return ( - Manual Import - Select Movie +
+ Manual Import - Select Movie +
- - + +
{relativePath}
+
+ +
); @@ -93,6 +99,7 @@ class SelectMovieModalContent extends Component { SelectMovieModalContent.propTypes = { items: PropTypes.arrayOf(PropTypes.object).isRequired, + relativePath: PropTypes.string.isRequired, onMovieSelect: PropTypes.func.isRequired, onModalClose: PropTypes.func.isRequired };