diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css index 3aefc9e91..ffa89f5e6 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css @@ -34,10 +34,20 @@ .content { flex: 0 1 100%; + overflow: hidden; +} + +.titleRow { + display: flex; +} + +.titleContainer { + display: flex; + align-items: flex-end; + flex: 0 1 auto; } .title { - display: flex; font-weight: 300; font-size: 36px; } @@ -47,6 +57,14 @@ color: $disabledColor; } +.icons { + display: flex; + align-items: center; + justify-content: space-between; + flex: 1 0 auto; + height: 55px; +} + .alreadyExistsIcon { margin-left: 10px; color: #37bc9b; @@ -67,3 +85,10 @@ margin-left: 8px; pointer-events: all; } + +@media only screen and (max-width: $breakpointMedium) { + .titleRow { + justify-content: space-between; + overflow: hidden; + } +} diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js index 3367260ea..42fb4e293 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js @@ -94,33 +94,43 @@ class AddNewMovieSearchResult extends Component { }
-
- {title} +
+
+
+ {title} - { - !title.contains(year) && !!year && - ({year}) - } + { + !title.contains(year) && !!year ? + + ({year}) + : + null + } +
+
- { - isExistingMovie && - - } +
- { - isExclusionMovie && - - } + { + isExistingMovie && + + } + + { + isExclusionMovie && + + } +