From 5719d4c61f25f68c7d256c1a2f7060e5dac18195 Mon Sep 17 00:00:00 2001
From: Mojca Lorber <mojca.lorber@biosistemika.com>
Date: Thu, 27 Oct 2016 11:09:30 +0200
Subject: [PATCH] show edit avatar on mouse hover, add background and center
 image

---
 app/assets/stylesheets/themes/scinote.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index d93d7a55a..c9e1e06ff 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -1459,17 +1459,24 @@ html.turbolinks-progress-bar::before {
   height: 100px;
   position: relative;
   width: 100px;
+  background-color: lighten($color-concrete, 2%);
 }
 
-.avatar-image,
-.avatar-edit {
-  height: 100%;
+.avatar-container:hover .avatar-edit{
+  display : block;
+}
+
+.avatar-image {
   position: absolute;
-  width: 100%;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
 }
 
 .avatar-edit {
-  margin-top: 70px;
+  display: none;
+  position: absolute;
+  margin-top: 70%;
   opacity: .8;
   z-index: 10;