![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
blueshiftofdeath posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemI'm using tickletheory's plainstyles Style 4 theme, and recently decided I wanted to make the icons bigger, plus make icons appear on my journal's recent entries page (not just my reading page). I ended up adding the following code:
@media only screen and (min-width: 56em){
.my-journal.page-recent .entry .userpic{
position:relative;
top:-2.5em;
left:1em;
}
.my-journal.page-recent .entry .inner{
margin-top:2em;
}
.my-journal.page-recent .entry .poster{
display:block;
margin:-2.1em 0 2em;
border-bottom:1px solid var(--main-bg-color);
padding:0 0 2.5em 4em
}
.my-journal.page-recent .entry .poster{
display:block;
margin:-2.1em 0 2em;
border-bottom:1px solid var(--main-bg-color);
padding:0 0 2.5em 4em
}
.my-journal.page-recent .entry .poster::before{
content:"";
}
.my-journal.page-recent .datetime{
clear:both;
display:block;
font-style:italic;
margin:-1.7em 0;
text-align:right;
}
.my-journal.page-recent .entry-content{
margin-top:1em;
margin-left:1em;
}
.my-journal.page-recent .entry-poster,.my-journal.page-recent .entry .metadata,.my-journal.page-recent .entry .footer{
margin-left:1em
}
}
This worked mostly great, except for some reason, it only displays correctly for public posts? For access-locked posts or posts with custom filters, the alignment is all off. I would think it's because of the little lock icon, but it doesn't happen to public stickies. I don't see any code specific to security level in any of the relevant layers.
I've been able to partially fix this by doing further adjustments to entry css based on security level, but it's breaking other things, and I feel like there must be some other option to make all the security levels display the same?
Does anyone know what's causing this, and/or how to fix it?
