From d4d06d5b48ef0d79e60af6aa23e0311bee516e86 Mon Sep 17 00:00:00 2001
From: hritvi <hritvi2801@gmail.com>
Date: Fri, 5 Apr 2019 10:36:50 +0530
Subject: [PATCH] style(avatar): oversizing of avatar on small screens

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

diff --git a/packages/fxa-content-server/app/styles/modules/_cropper.scss b/packages/fxa-content-server/app/styles/modules/_cropper.scss
index c8a4352896f..0eda3dda374 100644
--- a/packages/fxa-content-server/app/styles/modules/_cropper.scss
+++ b/packages/fxa-content-server/app/styles/modules/_cropper.scss
@@ -10,9 +10,17 @@
     @include respond-to('compressedLandscape') {
       margin: 0 auto;
     }
+    @include respond-to('small') {
+      margin: 0 auto;
+      text-align: center;
+      width: auto;
+    }
 
     img {
       position: absolute;
+      @include respond-to('small') {
+        left: (420 - $avatar-size) / 6   !important;
+      }
     }
   }
 
@@ -44,6 +52,10 @@
     &::after {
       right: -(420 - $avatar-size) / 2;
     }
+    @include respond-to('small') {
+      display: inline-block;
+      left: 0;
+    }
   }
 
   .drag-overlay {