From 0ebf5b82a835810b609bb7d77561e2250851d5aa Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Mon, 23 Mar 2015 16:50:04 +0100
Subject: [PATCH] style orgs list

---
 app/styles/app/layouts/profile.sass | 49 +++++++++++++++++++++++++++++
 app/styles/app/modules/media.sass   | 15 +++++++++
 app/templates/profile/accounts.hbs  | 36 ++++++++++-----------
 app/views/profile-accounts.coffee   |  1 +
 4 files changed, 81 insertions(+), 20 deletions(-)

diff --git a/app/styles/app/layouts/profile.sass b/app/styles/app/layouts/profile.sass
index e69de29b..1e583792 100644
--- a/app/styles/app/layouts/profile.sass
+++ b/app/styles/app/layouts/profile.sass
@@ -0,0 +1,49 @@
+.profile
+  font-size: $font-size-sm
+  font-weight: 400
+
+
+
+
+.profile-orgs,
+.profile-user
+
+  .media-elem
+    width: 12%
+    img
+      width: 2rem
+      height: 2rem
+      border-radius: 50%
+  .media-body
+    width: 88%
+  p
+    margin: 0
+  ul
+    @include resetul
+  li
+    margin: 1.5rem 0 2.5rem
+  a
+    @extend %inline-block
+    width: 100%
+    &:hover
+      h1, h2
+        text-decoration: underline
+
+.profile-user h1,
+.profile-orgs h2
+  font-size: $font-size-sm
+  margin: 0
+  font-weight: 600
+  line-height: 1
+
+.profile-orgs
+  h1
+    color: #898b8c
+    font-size: $font-size-sm
+    border-bottom: solid 2px #f3f2f2
+
+.profile-user
+  margin-bottom: 2rem
+
+p.profile-user-last
+  margin-top: .5em
\ No newline at end of file
diff --git a/app/styles/app/modules/media.sass b/app/styles/app/modules/media.sass
index e69de29b..1f0ae843 100644
--- a/app/styles/app/modules/media.sass
+++ b/app/styles/app/modules/media.sass
@@ -0,0 +1,15 @@
+
+.media,
+.media-body
+  overflow: hidden
+  zoom: 1
+
+.media-elem
+  float: left
+  margin-right: 0
+  img
+    display: block
+
+.media-body
+  float: right
+  margin-left: 0
\ No newline at end of file
diff --git a/app/templates/profile/accounts.hbs b/app/templates/profile/accounts.hbs
index 371b1084..a3ef8c76 100644
--- a/app/templates/profile/accounts.hbs
+++ b/app/templates/profile/accounts.hbs
@@ -2,33 +2,29 @@
   <section class="profile-user">
     <div class="media">
       <div class="media-elem">
-        <img src="" alt="">
+        <img src="//placehold.it/50x50" alt="">
       </div>
       <div class="media-body">
         <h1>Justiine Arreche</h1>
         <p>Repositories <strong>12</strong></p>
-        <p>Token: <strong>dfigsd90u34r2hwa9ru239ur2</strong></p>
+        <p class="profile-user-last">Token: <strong>dfigsd90u34r2hwa9ru239ur2</strong></p>
       </div>
     </div>
   </section>
   <section class="profile-orgs">
-    <h1>Organiszations</h1>
-    <ul class="profile-orglist">
-      {{#collection "accounts-list" contentBinding="controller"}}
-        <li {{bind-attr class="view.classAccounts"}}>
-          {{#link-to "account" view.account class="name"}}
-            <div class="media">
-              <div class="media-elem">
-                <img src="" alt="">
-              </div>
-              <div class="media-body">
-                <h2>{{view.name}}</h2>
-                <p>Repositories <strong>{{view.account.reposCount}}</strong></p>
-              </div>
-            </div>
-          {{/link-to}}
-        </li>
-      {{/collection}}
-    </ul>
+    <h1>Organizations</h1>
+    {{#collection "accounts-list" contentBinding="controller"}}
+      {{#link-to "account" view.account class="name"}}
+        <div class="media">
+          <div class="media-elem">
+            <img src="//placehold.it/50x50" alt="">
+          </div>
+          <div class="media-body">
+            <h2>{{view.name}}</h2>
+            <p>Repositories <strong>{{view.account.reposCount}}</strong></p>
+          </div>
+        </div>
+      {{/link-to}}
+    {{/collection}}
   </section>
 </aside>
diff --git a/app/views/profile-accounts.coffee b/app/views/profile-accounts.coffee
index 05836e6c..67486cbf 100644
--- a/app/views/profile-accounts.coffee
+++ b/app/views/profile-accounts.coffee
@@ -2,6 +2,7 @@
 
 View = BasicView.extend
   tabBinding: 'controller.tab'
+  classNames: ['profile-orglist']
   templateName: 'profile/accounts'
   classAccounts: (->
     'active' if @get('tab') == 'accounts'