finish styling owner page elements

app/styles/app/layouts/owner.sass

@@ -1,3 +1,32 @@
+
+.owner-header
+  margin-bottom: 3rem
+  color: #969496
+  a
+    color: #969496
+  .owner-title
+    margin: .3em 0 .1em
+    font-size: 23px
+    font-weight: 400
+  .owner-handle
+    margin: 0
+    font-size: $font-size-sm
+    .icon
+      width: 1.2em
+      height: 1.3em
+      vertical-align: middle
+  img
+    border-radius: 50%
+
+  .sync-button
+    margin-top: .8rem
+    p, button
+      margin: 0
+  .sync-last
+    color: #969496
+    font-size: $font-size-sm
+
+
 .owner-tiles
   @extend .repo-main
   @include resetul
@@ -11,8 +40,9 @@
     font-size: 20px
 
   .tile-additional
-    padding-left: 2em
     font-size: $font-size-m;
+    @media #{$medium-up}
+      padding-left: 2em
 
   .tile-status .icon-status
     margin-top: 1.3em
@@ -24,6 +54,17 @@
       width: .9em
       height: 1.2em
 
-  .tile-single
+  .tile-single,
+  .tile-single a
     line-height: 3em
     color: #969496
+
+
+.tabs--owner
+  padding : 0 $column-gutter/2
+
+.tabnav--owner
+  margin-bottom: 1.5rem
+  @media #{$medium-up}
+    height: 2.2em
+    border-bottom: solid 2px $grey4

app/styles/app/modules/memberlist.sass

@@ -17,7 +17,7 @@
     h2
       color: #4f4f4f
     p
-      color: #838384
+      color: #969496
 
   li
     margin-bottom: 3rem

app/templates/ownerpage.hbs

@@ -1,23 +1,29 @@
 {{!-- {{outlet}} --}}
 
-<header class="row">
-  <section class="columns large-4">
+<header class="owner-header row">
+  <section class="columns small-10 medium-5 large-4">
     <div class="media">
       <div class="media-elem">
         <img src="//placehold.it/120x120" alt="">
       </div>
       <div class="media-body">
-        <h1>Travis CI GmbH</h1>
-        <p><a href="//gtihub" title=""><span class="icon icon--github"></span> travis-pro</a></p>
-        {{sync-button}}
+        <h1 class="owner-title">Travis CI GmbH</h1>
+        <p class="owner-handle"><a href="//gtihub" title=""><span class="icon icon--github-circle"></span> travis-pro</a></p>
+        <div class="sync-button">
+          <p>
+            <button {{action sync}} class="button">
+            <span class="icon icon-sync"></span>Sync account</button>
+          </p>
+          <p class="sync-last">last synced {{format-time user.syncedAt}}</p>
+        </div>
       </div>
     </div>
   </section>
 </header>
 
-<div>
-  <nav class="tabnav row" role="tablist">
-    <ul class="tab tabs--owner">
+<div class="tabs--owner">
+  <nav class="tabnav tabnav--owner row" role="tablist">
+    <ul class="tab">
       <li role="presentational"><a href="#" title="" role="tab">All Repositories</a></li>
       <li role="presentational"><a href="#" title="" role="tab">Running Builds (2/5)</a></li>
       <li role="presentational"><a href="#" title="" role="tab">Members</a></li>