Fix message body layout and add signatures

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

js/components/Message.vue

@@ -17,14 +17,9 @@
 			<div id="mail-content">
 				<MessageHTMLBody v-if="hasHtmlBody"/>
 				<MessagePlainTextBody v-else
-									  :body="body"/>
+									  :body="body"
+									  :signature="signature"/>
 			</div>
-			<!-- {{#if signature}}
-			<div class="mail-signature">
-				{{{signature}}}
-			</div>
-			{{/if}} -->
-
 			<div class="mail-message-attachments"></div>
 			<div id="reply-composer"></div>
 			<input type="button" id="forward-button" value="Forward">
@@ -66,7 +61,8 @@
 				],
 				subject: 'Do you enjoy the Vue?',
 				hasHtmlBody: false,
-				body: 'Henlo!'
+				body: 'Henlo!',
+				signature: 'Backbone Marionette',
 			};
 		}
 	}

js/components/MessageHTMLBody.vue

 <template>
-	<div>
+	<div id="mail-content">
 		<div id="show-images-text">
 			<!--{{ t 'The images have been blocked to protect your privacy.' }}-->
 			<button id="show-images-button">

js/components/MessagePlainTextBody.vue

 <template>
 	<div>
-		{{ body }}
+		<div id="mail-content">
+			{{ body }}
+		</div>
+		<div v-if="signature"
+			 class="mail-signature">
+			{{signature}}
+		</div>
 	</div>
 </template>
 
@@ -9,6 +15,7 @@
 		name: "MessagePlainTextBody",
 		props: [
 			'body',
+			'signature',
 		]
 	};
 </script>