chatRedux/frontend/src/components/chatPage/userInfo/userInfo.scss

.userAvatar {
    background-color: grey;
    width: 100px;
    height: 100px;
    font-size: 14;
    margin: 20px auto;
}

.active {
    background-color:rgb(30, 8, 62);
}

.mobileUsersInfoBox {
    position: absolute;
    top: 100px;
    left: 10px;
    z-index: 10;
    transition: all 1s;
    transform: translate(-100%);
    transition: all 1s;
    max-width: 100px;


}
.pcUsersAvatar {
    background-color: grey;
    width: 80px !important;
    height: 80px !important; //need to change in classlist styles
    margin: 20px auto;
    cursor: pointer;
}

.mobileAvatar {
     margin: 5px auto
};