ReactJS

1
.userLink {
2
    display: flex;
3
    flex-flow: row nowrap;
4
    align-items: center;
5
    height: 20px;
6
    padding: 0 6px 0 0;
7
}
8

9
.avatar {
10
    border-radius: 20px;
11
    width: 20px;
12
    height: 20px;
13
    margin: 0 7px 0 0;
14
}
15

16
.username {
17
    color: var(--orange);
18
    position: relative;
19
    z-index: 1;
20
}
21

22
@media all and (min-width: 1024px) {
23
    .userLink {
24
        padding: 0 0 0 5px;
25
    }
26

27
}
28

29
@media all and (min-width: 1540px) {
30
    .userLink:hover a {
31
        text-decoration: underline;
32
    }
33
}