From 226e5c444d6bc59767550ad4df4e91e6cb8500dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 31 Mar 2015 14:37:23 +0200
Subject: [PATCH] Add edit icon to timeline profile

---
 .../includes/modules/profile/profile-bar.jade       |  5 ++++-
 app/styles/modules/profile/profile-bar.scss         | 13 +++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/partials/includes/modules/profile/profile-bar.jade b/app/partials/includes/modules/profile/profile-bar.jade
index 3e130b95..873fa152 100644
--- a/app/partials/includes/modules/profile/profile-bar.jade
+++ b/app/partials/includes/modules/profile/profile-bar.jade
@@ -1,5 +1,8 @@
 section.profile-bar
-    img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
+    div.profile-image-wrapper
+        img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
+        a.edit-profile(href="", title="Edit profile")
+            span.icon.icon-edit
     a.button-green
         span Follow
     div.profile-data
diff --git a/app/styles/modules/profile/profile-bar.scss b/app/styles/modules/profile/profile-bar.scss
index 93376634..59aba130 100644
--- a/app/styles/modules/profile/profile-bar.scss
+++ b/app/styles/modules/profile/profile-bar.scss
@@ -1,7 +1,20 @@
 .profile-bar {
+    .profile-image-wrapper {
+        position: relative;
+    }
     .profile-img {
         max-width: 100%;
     }
+    .edit-profile {
+        @extend %large;
+        background: rgba(255, 255, 255, .6);
+        border-radius: 50%;
+        color: $grayer;
+        left: calc(50% - 1rem);
+        padding: 1rem;
+        position: absolute;
+        top: calc(50% - 1rem);
+    }
     .button-green {
         display: block;
         margin-bottom: 1rem;