removed padding and changed img to div

1 files changed, 5 insertions, 10 deletions

diff --git a/css/contact-details-avatar.scss b/css/contact-details-avatar.scss
index 1d010758..fe4adfab 100644
--- a/css/contact-details-avatar.scss
+++ b/css/contact-details-avatar.scss
@@ -35,10 +35,10 @@
 		z-index: 0;
 		left: 0;
 		top: 50px;
-		margin-left: 300px;
 	}
-	img {
+	&__photo {
 		z-index: 10;
+		background-size: cover;
 	}
 	label.icon-upload-white {
 		opacity: .5;
@@ -49,11 +49,11 @@
 			opacity: .7;
 		}
 	}
-	img +  label.icon-upload-white {
+	&__photo +  label.icon-upload-white {
 		opacity: 0;
 	}
 	&__background,
-	img,
+	&__photo,
 	label.icon-upload-white {
 		position: absolute;
 		width: 100%;
@@ -75,15 +75,13 @@
 	top: 0;
 	left: 0;
 	border-radius: 0;
-	// 300px padding on left to compensate for app-navigation having 1000 z-index
-	padding: 20px 20px 20px 300px;
 	margin: 0px;
 	background-color: rgba(0, 0, 0, 0.9);
 	display: flex;
 	justify-content: center;
 	z-index: 200;
 	padding-top: 65px;
-	img {
+	.contact-header-avatar__photo {
 		width: auto;
 		height: auto;
 		border-radius: 0;
@@ -106,8 +104,6 @@
 		display: flex;
 		opacity: 1;
 		padding: 0;
-		// 300px padding on left to compensate for app-navigation having 1000 z-index
-		padding-left: 300px;
 		flex-wrap: wrap;
 		justify-content: space-around;
 		background-color: rgba(0, 0, 0, 0.2);
@@ -130,7 +126,6 @@
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	
 }