diff --git a/src/containers/ListingPage/ListingPage.css b/src/containers/ListingPage/ListingPage.css index 7f05abdc..e780ef5f 100644 --- a/src/containers/ListingPage/ListingPage.css +++ b/src/containers/ListingPage/ListingPage.css @@ -382,6 +382,7 @@ } .yourHostContainer { + position: relative; padding: 0 24px; margin-bottom: 5px; @@ -407,6 +408,24 @@ } } +.editProfileLink { + @apply --marketplaceH4FontStyles; + position: absolute; + margin: 0; + + /* Align to same baseline as the "Your host" heading */ + top: 2px; + right: 24px; + + @media (--viewportMedium) { + margin: 0; + + /* Align to same baseline as the "Hello, ..." heading */ + top: 74px; + right: 0; + } +} + .map { /* Dimensions: Map takes all available space from viewport (excludes action button and section title) */ height: calc(100vh - 193px); diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js index 470a92fb..80d4ebf7 100644 --- a/src/containers/ListingPage/ListingPage.js +++ b/src/containers/ListingPage/ListingPage.js @@ -479,6 +479,11 @@ export class ListingPageComponent extends Component {