diff --git a/app/partials/invitation.jade b/app/partials/invitation.jade index e70aac1e..bd9ebed3 100644 --- a/app/partials/invitation.jade +++ b/app/partials/invitation.jade @@ -11,9 +11,11 @@ block content a(href="", tg-bo-title="invitation.invited_by.full_name_display") img.avatar(tg-bo-src="invitation.invited_by.photo", tg-bo-alt="invitation.invited_by.full_name_display") - | {{ invitation.invited_by.full_name_display }} - p.invitation-text has sent you an invitation to join to the taiga project - span.project-name(tg-bo-bind="invitation.project_name") + span.person-name(tg-bo-bind="invitation.invited_by.full_name_display") + + span.invitation-text + p has invited you to join the project + p.project-name(tg-bo-bind="invitation.project_name") div.invitation-form include views/modules/invitation-login-form diff --git a/app/styles/layout/invitation.scss b/app/styles/layout/invitation.scss index ca1ef098..911b1b45 100644 --- a/app/styles/layout/invitation.scss +++ b/app/styles/layout/invitation.scss @@ -15,12 +15,14 @@ width: 150px; } .avatar { + text-align: center; margin: 0 auto 1rem; - width: 150px; - a { - @extend %small; + width: 250px; + .person-name { + @extend %xlarge; + @extend %title; color: $white; - text-align: center; + text-transform: uppercase; } img { display: block; @@ -32,7 +34,7 @@ @extend %xlarge; @extend %title; color: $white; - line-height: 3rem; + line-height: 2rem; text-align: center; text-transform: uppercase; .project-name {