/* Email view: a proper reading margin, like Yahoo's. Elastic only gives the message 1rem (16px), and many HTML
   emails use full-width tables, so text ran to the window edge. Applies to the preview pane and the full view.
   Phones keep Elastic's tighter padding. */
@media screen and (min-width: 769px) {
    body.task-mail.action-preview .frame-content,
    body.task-mail.action-show .frame-content {
        padding: 1.5rem 2rem 1.5rem 2.25rem;
    }
    body.task-mail.action-preview #message-header h2.subject,
    body.task-mail.action-show #message-header h2.subject {
        margin-bottom: .75rem;
    }
    /* a little space between the header block and the email itself */
    body.task-mail.action-preview #message-content,
    body.task-mail.action-show #message-content {
        margin-top: .75rem;
    }
}