mirrors/bloat
1
0
Fork 0
mirror of https://git.freesoftwareextremist.com/bloat synced 2024-12-22 17:10:42 +00:00
Code Issues Projects Releases Wiki Activity

Fix css

Browse source 
- 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
1 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
static/main.css
View file

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