Front end developer here. Here are some suggested fixes to your css that should clean up some details that bother me:
Fixes:
Get rid of any clearfixes where you are using flex instead of floats, as it causes phantom margins.
In general, don’t mix flex and floats.
Fixes:
I’ll keep updating as I find and fix them, if that’s welcome
CSS:
.message-cell.message-cell--main {
background-color: #fcfcfc
}
Fixes:
Get rid of any clearfixes where you are using flex instead of floats, as it causes phantom margins.
CSS:
.p-navgroup:before, .p-navgroup:after {
content: " ";
display:table
}
.p-navgroup:after {
clear:both
}
In general, don’t mix flex and floats.
Fixes:
I’ll keep updating as I find and fix them, if that’s welcome