From b0bccce0abda42ac006e3f7d748246238ec3b136 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Tue, 21 Apr 2015 12:01:12 +0200
Subject: [PATCH] change some owner styles

---
 app/styles/app/layouts/owner.sass | 11 ++++++++++-
 app/templates/owner.hbs           |  7 ++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

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>