diff --git a/app/styles/app/layouts/owner.sass b/app/styles/app/layouts/owner.sass index 93204115..249f844e 100644 --- a/app/styles/app/layouts/owner.sass +++ b/app/styles/app/layouts/owner.sass @@ -26,6 +26,11 @@ color: #969496 font-size: $font-size-sm +.owner-avatar, +.owner-info + @extend %inline-block + vertical-align: middle + margin-right: 1.5em .owner-tiles @extend .repo-main @@ -69,7 +74,11 @@ overflow: hidden &:after content: "" - @include fadeOut(right, -90deg, $cream-light) + @include fadeOut(right, -90deg, $cream-light, 20%) + & ~ .tile-single + @media #{$medium-up} + padding-left: 2em + border-left: 1px solid $grey4 .tabs--owner padding : 0 $column-gutter/2 diff --git a/app/templates/owner.hbs b/app/templates/owner.hbs index a7f6f00a..0b06058d 100644 --- a/app/templates/owner.hbs +++ b/app/templates/owner.hbs @@ -2,18 +2,15 @@ <header class="owner-header row"> <section class="columns small-10 medium-5 large-4"> - <div class="media"> - <div class="media-elem"> + <div class="owner-avatar"> <img {{bind-attr src="avatarURL"}} alt=""> </div> - <div class="media-body"> + <div class="owner-info"> <h1 class="owner-title">{{owner.name}}</h1> - {{!-- TODO: only sync btn if user part of org --}} <p class="owner-handle"><a {{bind-attr href="githubProfile"}} title=""><span class="icon icon--github-circle"></span> {{owner.login}}</a></p> {{owner-sync-button owner=owner}} </div> - </div> </section> </header>