Username recovery improvements

stylesheets/components/ProfileEditor.scss

@@ -8,16 +8,16 @@
       display: flex;
       font-size: 24px;
       justify-content: center;
-      width: 32px;
-      height: 32px;
+      width: 20px;
+      height: 20px;
     }
 
     &::after {
       -webkit-mask-size: 100%;
       content: '';
       display: block;
-      height: 24px;
-      width: 24px;
+      height: 20px;
+      width: 20px;
 
       @include light-theme {
         background-color: $color-gray-75;
@@ -96,7 +96,8 @@
   }
 
   &__row {
-    padding-inline: 0;
+    padding-inline: 8px;
+    padding-block: 12px;
   }
 
   &__divider {
@@ -112,10 +113,14 @@
     }
   }
 
+  hr {
+    margin-block: 24px 12px;
+  }
+
   &__info {
     @include font-body-2;
-    margin-block: 16px;
-    margin-inline: 0;
+    margin-block: 12px;
+    margin-inline: 8px;
 
     @include light-theme {
       color: $color-gray-60;
@@ -134,7 +139,6 @@
     &__button {
       width: 20px;
       height: 20px;
-      margin: 4px;
 
       @include dark-theme {
         @include color-svg(
@@ -181,9 +185,8 @@
   &__error-icon {
     -webkit-mask-size: 100%;
     display: block;
-    height: 24px;
-    width: 24px;
-    margin: 4px;
+    height: 20px;
+    width: 20px;
 
     @include light-theme {
       @include color-svg(
@@ -210,8 +213,8 @@
       }
 
       &__icon {
-        width: 24px;
-        height: 24px;
+        width: 20px;
+        height: 20px;
         margin-block-start: 4px;
         margin-inline: 4px 12px;
 
@@ -256,14 +259,6 @@
       }
     }
   }
-
-  &__reset-username-modal__ModalHost__width-container {
-    max-width: 438px;
-
-    .module-Modal__button-footer {
-      justify-content: space-between;
-    }
-  }
 }
 
 .ProfileEditor__Title {
@@ -297,3 +292,18 @@
     color: $color-white;
   }
 }
+
+.ProfileEditor__EditPhotoContainer {
+  display: flex;
+  justify-content: center;
+  margin-block-end: 16px;
+}
+
+.ProfileEditor__EditPhoto {
+  @include font-subtitle;
+
+  padding-block: 5px;
+  padding-inline: 10px;
+  border-radius: 14px;
+  font-weight: 600;
+}