From 1e5284d245d43125e6acdb5152c1d62af503ec43 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Tue, 11 Jun 2019 15:42:28 +0200
Subject: [PATCH] Elastic: Improve #contactpic color/size

---
 skins/elastic/images/contactgroup.svg | 2 +-
 skins/elastic/images/contactpic.svg   | 2 +-
 skins/elastic/styles/colors.less      | 2 +-
 skins/elastic/styles/styles.less      | 3 ++-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/skins/elastic/images/contactgroup.svg b/skins/elastic/images/contactgroup.svg
index b85a926f0..d6ca42117 100644
--- a/skins/elastic/images/contactgroup.svg
+++ b/skins/elastic/images/contactgroup.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="background-color:#f2f2f2">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="background-color:#f4f4f4">
   <path d="M133.5 273.5c30.3 0 55-24.7 55-55s-24.7-55-55-55-55 24.7-55 55 24.7 55 55 55zm385 0c30.3 0 55-24.7 55-55s-24.7-55-55-55-55 24.7-55 55 24.7 55 55 55zM546 301h-55c-15.1 0-28.8 6.1-38.8 16 34.6 19 59.2 53.3 64.5 94h56.7c15.2 0 27.5-12.3 27.5-27.5V356c.1-30.3-24.6-55-54.9-55zm-220 0c53.2 0 96.2-43.1 96.2-96.2s-43.1-96.2-96.2-96.2-96.2 43.1-96.2 96.2 43 96.2 96.2 96.2zm66 27.5h-7.1c-17.9 8.6-37.7 13.8-58.9 13.8s-40.9-5.2-58.9-13.8H260c-54.7 0-99 44.3-99 99v24.8c0 22.8 18.5 41.2 41.2 41.2h247.5c22.8 0 41.2-18.5 41.2-41.2v-24.8c.1-54.7-44.2-99-98.9-99zM199.8 317c-10-9.9-23.6-16-38.8-16h-55c-30.3 0-55 24.7-55 55v27.5c0 15.2 12.3 27.5 27.5 27.5h56.6c5.4-40.7 30-75 64.7-94z" fill="#ccc"/>
 </svg>
diff --git a/skins/elastic/images/contactpic.svg b/skins/elastic/images/contactpic.svg
index e2b7a02fb..bee89c529 100644
--- a/skins/elastic/images/contactpic.svg
+++ b/skins/elastic/images/contactpic.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="background-color:#f2f2f2">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="background-color:#f4f4f4">
   <path d="M256 246c50.5 0 91.4-40.9 91.4-91.4S306.5 63.1 256 63.1s-91.4 40.9-91.4 91.4S205.5 246 256 246zm64 22.9h-11.9c-15.9 7.3-33.5 11.4-52.1 11.4s-36.1-4.1-52.1-11.4H192c-53 0-96 43-96 96v29.7c0 18.9 15.4 34.3 34.3 34.3h251.4c18.9 0 34.3-15.4 34.3-34.3v-29.7c0-53-43-96-96-96z" fill="#ccc"/>
 </svg>
diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index adb009cfb..4ebbe1c48 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -160,7 +160,7 @@
 
 @color-form-hint:                   @color-black-shade-text;
 
-@color-image-upload-background:     @color-black-shade-bg;
+@color-image-upload-background:     #f4f4f4;
 
 @color-btn-secondary:               #fff;
 @color-btn-secondary-background:    lighten(@color-black, 50%);
diff --git a/skins/elastic/styles/styles.less b/skins/elastic/styles/styles.less
index e71c3e6f0..5bcbad5b1 100644
--- a/skins/elastic/styles/styles.less
+++ b/skins/elastic/styles/styles.less
@@ -104,12 +104,13 @@ body.task-error-login #layout {
 
 #contactpic {
     width: @layout-contact-icon-width;
-    height: @layout-contact-icon-width;
+    height: @layout-contact-icon-height;
     border-radius: .5rem;
     overflow: hidden;
     display:table-cell;
     vertical-align:middle;
     text-align: center;
+    background-color: @color-image-upload-background;
 
     img {
         max-width: @layout-contact-icon-width;