diff --git a/FrontEnd/styles/home.scss b/FrontEnd/styles/home.scss index 8042efd9b..31ffba3b3 100644 --- a/FrontEnd/styles/home.scss +++ b/FrontEnd/styles/home.scss @@ -73,12 +73,20 @@ body.home { } .ccta-availability { - padding: 10px; + padding: 15px; font-size: 13px; background-color: var(--panel-button-background); + p { + margin: 5px 0; + } + .support { margin: 0 0 5px; font-weight: bold; } + + .cta { + text-align: right; + } } diff --git a/Sources/App/Views/Home/HomeIndex+View.swift b/Sources/App/Views/Home/HomeIndex+View.swift index 4b4c5e417..97c013344 100644 --- a/Sources/App/Views/Home/HomeIndex+View.swift +++ b/Sources/App/Views/Home/HomeIndex+View.swift @@ -116,12 +116,16 @@ enum HomeIndex { .class("support"), .text("Support the Swift Package Index") ), - .text("We currently have availability for one additional homepage sponsor. "), - .a( - .href(ExternalURL.contactMailto), - .text("Get in touch for details") - ), - .text(".") + .p( + .text("We have one homepage sponsorship spot available. Support the project while promoting your company.") + ), + .p( + .class("cta"), + .a( + .href(ExternalURL.contactMailto), + .text("Get in touch for details →") + ) + ) )) ) }