59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
|
.user-profile {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center; /* Add this line */
|
||
|
margin-top: 42px;
|
||
|
margin-bottom: 30px;
|
||
|
}
|
||
|
|
||
|
.user-details {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: center; /* Add this line */
|
||
|
width: 100%; /* Take up the remaining width */
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
|
||
|
.user-details p {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
#p-username {
|
||
|
font-size: 1.25rem;
|
||
|
}
|
||
|
|
||
|
.user-details .user-info p {
|
||
|
font-size: 0.95rem;
|
||
|
line-height: 1.25;
|
||
|
}
|
||
|
|
||
|
.user-login-info {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
width: 40%;
|
||
|
}
|
||
|
|
||
|
.user-last-login i, .user-last-login-ip i {
|
||
|
font-size: 1.5em;
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
|
||
|
.user-last-login, .user-last-login-ip {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
.user-last-login p, .user-last-login-ip p {
|
||
|
margin: 0;
|
||
|
}
|
||
|
.login-info-dv{
|
||
|
margin-left: 5px;
|
||
|
}
|
||
|
.login-info-dv .user-login-info-title{
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.login-info-dv .user-login-info-content{
|
||
|
color: rgb(100,96,100);
|
||
|
font-size: 0.95rem;
|
||
|
}
|