Use monospace font for plain text messages, fix some spacing

skins/elastic/styles/widgets/mail.less

@@ -105,7 +105,12 @@
 
 .message-part,
 .message-htmlpart {
-    // TODO
+    padding-top: .5rem;
+
+    &:not(:first-child) {
+        border-top: 1px solid lighten(@color-mail-headers, 50%);
+        margin-top: .5rem;
+    }
 
     div.rcmBody {
         // Remove margins that can be set by the mail message styles
@@ -176,11 +181,15 @@
     span.sig {
         color: @color-mail-signature;
     }
+
+    div.pre {
+        font-family: monospace;
+    }
 }
 
 .message-partheaders {
     padding: .5rem 0;
-    margin: .5rem 0;
+    margin: .5rem 0 0 0;
     font-size: 90%;
     border-top: 1px solid lighten(@color-mail-headers, 50%);
     border-bottom: 1px solid lighten(@color-mail-headers, 50%);
@@ -195,4 +204,10 @@
     .subject {
         font-weight: bold;
     }
+
+    & + .message-part,
+    & + .message-htmlpart {
+        border-top: 0;
+        margin: 0;
+    }
 }

skins/elastic/styles/widgets/messages.less

@@ -49,7 +49,6 @@
 
 .ui.alert {
     margin: 0;
-    margin-bottom: .2em;
     opacity: .95;
     float: left;
     width: 100%;
@@ -62,7 +61,6 @@
     align-items: center;
 
     @media screen and (max-width: @screen-width-xs) {
-        margin-bottom: 0;
         box-shadow: none;
         border: 0;
         border-top: 2px solid #fff;
@@ -70,6 +68,12 @@
         min-height: 4.2rem;
     }
 
+    @media screen and (min-width: (@screen-width-xs + 1px)) {
+        &:not(:last-child) {
+            margin-bottom: .2rem;
+        }
+    }
+
     span {
         margin: auto 0;
     }