- Fix sizing for inline status imaged
- Use flexbox for userinfo
This commit is contained in:
r 2020-01-01 07:39:42 +00:00
parent 1aff0569bf
commit ecf284453a

View File

@ -21,6 +21,15 @@
margin: 0px; margin: 0px;
} }
.status-content img,
.status-image,
.status-video {
max-height: 180px;
max-width: 220px;
width: auto;
vertical-align: bottom;
}
.status-media-container { .status-media-container {
margin: 4px 0; margin: 4px 0;
} }
@ -56,6 +65,7 @@
height: 20px; height: 20px;
margin-bottom: -4px; margin-bottom: -4px;
width: auto; width: auto;
vertical-align: unset !important;
} }
.name-emoji { .name-emoji {
@ -100,14 +110,6 @@
color: green; color: green;
} }
.status-image,
.status-video {
max-height: 180px;
max-width: 220px;
width: auto;
vertical-align: bottom;
}
.page-title { .page-title {
font-size: 23pt; font-size: 23pt;
} }
@ -279,6 +281,7 @@
.img-link { .img-link {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin: 2.5px 0;
} }
.status-profile-img-container .img-link { .status-profile-img-container .img-link {
@ -346,11 +349,8 @@
.user-info { .user-info {
margin-bottom: 8px; margin-bottom: 8px;
} display: flex;
align-items: top;
.user-info-img-container {
display: inline-block;
vertical-align: top;
} }
.user-info-img { .user-info-img {
@ -361,8 +361,7 @@
} }
.user-info-details-container { .user-info-details-container {
display: inline-block; margin-left: 8px;
vertical-align: middle;
} }
.user-info-details-container>div { .user-info-details-container>div {