From ac07d3b4c9cede2a33eca26816219c6982502443 Mon Sep 17 00:00:00 2001
From: hritvi <hritvi2801@gmail.com>
Date: Sat, 16 Mar 2019 15:44:50 +0530
Subject: [PATCH] style(avatar): oversizing of avatar on small screens

---
 app/styles/modules/_cropper.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/styles/modules/_cropper.scss b/app/styles/modules/_cropper.scss
index c8a4352896..9997a94109 100644
--- a/app/styles/modules/_cropper.scss
+++ b/app/styles/modules/_cropper.scss
@@ -10,6 +10,11 @@
     @include respond-to('compressedLandscape') {
       margin: 0 auto;
     }
+    @include respond-to('small') {
+      margin: 0 auto;
+      text-align: center;
+      width: auto;
+    }
 
     img {
       position: absolute;
@@ -44,6 +49,10 @@
     &::after {
       right: -(420 - $avatar-size) / 2;
     }
+    @include respond-to('small') {
+      display: inline-block;
+      left: 0;
+    }
   }
 
   .drag-overlay {