Many fixes

src/components/User/User.sass

@@ -1,29 +1,52 @@
 @import "../App/App"
 
 .User
+  &__Activate
+    background-color: var(--sec-bg-color)
+    border-radius: $borderRadius
+    padding: .5rem
+
+
   &__Info
     background-color: var(--sec-bg-color)
     border-radius: $borderRadius
-    padding: $primaryPadding
     display: flex
     align-items: flex-end
-    background-position: center
-    background-size: cover
-    background-repeat: no-repeat
+    flex-direction: column
 
     @media (max-width: 250px)
       flex-direction: column
 
+    &_Cover
+      height: 20rem
+      width: 100%
+      background-position: center
+      background-size: cover
+      background-repeat: no-repeat
+
+      @media (max-width: 500px)
+        height: 10rem !important
+
+    &_Main
+      display: flex
+      align-items: flex-end
+      background-color: var(--sec-bg-color)
+      width: 100%
+      padding: 0.5rem
+      border-radius: 0 0 $borderRadius $borderRadius
+      box-sizing: border-box
+
     &_Nick
       font-size: 1.5rem
-      margin-left: .5rem
       font-weight: 600
 
     &_Group
-      margin-left: .5rem
       border: 1px solid #eeeeee
-      border-radius: 5px
+      border-radius: 4px
       padding: .1rem
+      text-align: center
+      font-size: 1rem
+      font-weight: 300
 
     &_Avatar
       background-size: cover
@@ -31,7 +54,7 @@
       width: 96px
       height: 96px
       border-radius: 50%
-      margin-right: .2rem
+      margin-right: .5rem
 
   &__Statistic
     background-color: var(--sec-bg-color)
@@ -64,6 +87,7 @@
       .User__Statistic_Blocks
         display: flex
         flex-direction: column
+        color: white
 
         @media (max-width: 300px)
           width: 100%