diff --git a/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.css b/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.css index c56765538..2ff15135c 100644 --- a/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.css +++ b/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.css @@ -20,7 +20,12 @@ height: 250px; } +.content { + flex: 0 1 100%; +} + .name { + display: flex; font-weight: 300; font-size: 36px; } @@ -30,6 +35,18 @@ color: $disabledColor; } +.mbLink { + composes: link from '~Components/Link/Link.css'; + + margin-top: -4px; + margin-left: auto; + color: $textColor; +} + +.mbLinkIcon { + margin-left: 10px; +} + .alreadyExistsIcon { margin-left: 10px; color: #37bc9b; diff --git a/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.js b/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.js index 8c5e54cbc..c74ba8afd 100644 --- a/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.js +++ b/frontend/src/AddArtist/AddNewArtist/AddNewArtistSearchResult.js @@ -59,6 +59,10 @@ class AddNewArtistSearchResult extends Component { this.setState({ isNewAddArtistModalOpen: false }); } + onMBLinkPress = (event) => { + event.stopPropagation(); + } + // // Render @@ -104,7 +108,7 @@ class AddNewArtistSearchResult extends Component { /> } -