Improve info-boxes for Enigma plugin

skins/elastic/styles/widgets/mail.less

@@ -104,6 +104,10 @@
     }
 }
 
+#message-objects + .ui.alert {
+    float: left;
+}
+
 #messagebody {
     // TODO
 

skins/elastic/styles/widgets/messages.less

@@ -82,16 +82,22 @@
         content: @fa-var-address-card; // vcard_attachments plugin
     }
 
+    &.enigmaattachment > i.icon:before {
+        content: @fa-var-key; // enigma plugin
+    }
+
+    &.signed > i.icon:before,
+    &.encrypted > i.icon:before {
+        content: @fa-var-lock; // enigma plugin
+    }
+
     // This works with following structure: <i> <span> [button].
     // <span> here is a one-line text, and button can be anything but <span>.
     &.aligned-buttons {
         display: flex;
 
         span {
-            .overflow-ellipsis;
             flex: 1;
-            white-space: nowrap;
-            line-height: 2.6;
         }
     }
 
@@ -121,6 +127,10 @@
         i.icon {
             font-size: 1.5em !important;
         }
+
+        &:not(:last-child) {
+            margin-bottom: .2rem;
+        }
     }
 
     &.boxerror {
@@ -134,6 +144,10 @@
     &.boxwarning {
         background-color: @color-message-warning-background;
     }
+
+    & + table {
+        margin-top: 1em;
+    }
 }
 
 #messagestack {