diff --git a/frontend/src/Search/Album/AddNewAlbumSearchResult.css b/frontend/src/Search/Album/AddNewAlbumSearchResult.css index 48a07cdb6..c57cb1549 100644 --- a/frontend/src/Search/Album/AddNewAlbumSearchResult.css +++ b/frontend/src/Search/Album/AddNewAlbumSearchResult.css @@ -34,24 +34,37 @@ .content { flex: 0 1 100%; + overflow: hidden; } -.name { +.titleRow { display: flex; +} + +.titleContainer { + display: flex; + align-items: flex-end; + flex: 0 1 auto; +} + +.title { font-weight: 300; font-size: 36px; } -.artistName { - font-weight: 300; - font-size: 20px; -} - .year { margin-left: 10px; color: $disabledColor; } +.icons { + display: flex; + align-items: center; + justify-content: space-between; + flex: 1 0 auto; + height: 55px; +} + .mbLink { composes: link from '~Components/Link/Link.css'; @@ -75,3 +88,10 @@ margin-top: 20px; text-align: justify; } + +@media only screen and (max-width: $breakpointMedium) { + .titleRow { + justify-content: space-between; + overflow: hidden; + } +} diff --git a/frontend/src/Search/Album/AddNewAlbumSearchResult.js b/frontend/src/Search/Album/AddNewAlbumSearchResult.js index 91ee59574..6bb40d619 100644 --- a/frontend/src/Search/Album/AddNewAlbumSearchResult.js +++ b/frontend/src/Search/Album/AddNewAlbumSearchResult.js @@ -111,52 +111,42 @@ class AddNewAlbumSearchResult extends Component { }