The
.message-signature
class has nothing to do with those fields.
I suspect you must have some other code somewhere which displays them.
Something like this should work, but you will likely need to increase the cell sizes or there will be wrapping to a new line.
Less:
.message-userExtras .pairs--justified dd
{
float: left;
clear: both;
}
@media (max-width: 650px)
{
.message-userExtras
{
display: block !important;
& .pairs--justified dd
{
float: right;
}
}
}