diff --git a/app/modules/profile/profile-contacts/profile-contacts.jade b/app/modules/profile/profile-contacts/profile-contacts.jade index bb57baa2..4d1de5f0 100644 --- a/app/modules/profile/profile-contacts/profile-contacts.jade +++ b/app/modules/profile/profile-contacts/profile-contacts.jade @@ -6,20 +6,19 @@ section.profile-contacts // a(href="", title="Only show people follow you") followers div.profile-contact-single(tg-repeat="contact in ::vm.contacts") - div.profile-contact-picture - a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}") - img(ng-src="{{::contact.get('photo')}}", alt="{{::contact.get('full_name')}}") - - div.profile-contact-data - h1 + div.profile-contact-picture a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}") - | {{::contact.get('full_name')}} - // span.your-contact Your contact + img(ng-src="{{::contact.get('photo')}}", alt="{{::contact.get('full_name')}}") - p(ng-if="contact.bio") {{::contact.get('bio')}} + div.profile-contact-data + h1 + a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}") + | {{::contact.get('full_name')}} - div.extra-info - span.position {{::contact.get('roles').join(", ")}} + p(ng-if="contact.bio") {{::contact.get('bio')}} + + div.extra-info + span.position {{::contact.get('roles').join(", ")}} // span.location todo // div.profile-project-stats // div.stat-projects(title="2 projects") diff --git a/app/modules/profile/styles/profile-contacts.scss b/app/modules/profile/styles/profile-contacts.scss index bd76eee4..6ffd5a31 100644 --- a/app/modules/profile/styles/profile-contacts.scss +++ b/app/modules/profile/styles/profile-contacts.scss @@ -30,6 +30,7 @@ margin-right: 1rem; max-width: 100px; img { + border-radius: .2rem; width: 100%; } } @@ -37,7 +38,7 @@ flex: 1; h1 { @extend %text; - @extend %xlarge; + @extend %larger; align-items: center; display: flex; margin-bottom: 0; @@ -59,7 +60,6 @@ color: $gray-light; } .position { - @extend %bold; margin-right: .3rem; } }