[TASK] Aligning upper content with lower content

Resources/Private/Templates/Mail/Index.html

@@ -5,35 +5,36 @@
 </f:section>
 <f:section name="main">
 	<f:flashMessages renderMode="div" />
-	<p>
-		{f:translate(key:'backend.template_path')} <strong>{selectedTemplate.templatePath}</strong>
-	</p>
-	<table class="table table-hover">
-		<thead>
-			<tr>
-				<th>{f:translate(key:'backend.marker')}</th>
-				<th>{f:translate(key:'backend.value')}</th>
-				<th>{f:translate(key:'backend.description')}</th>
-			</tr>
-		</thead>
-		<f:for each="{selectedTemplate.marker}" as="marker">
-			<tr>
-				<td>{marker.marker}</td>
-				<td>{marker.value}</td>
-				<td>{marker.description}</td>
-			</tr>
-		</f:for>
-	</table>
-
-	<f:form method="post" controller="Mail" action="sendTestMail">
-		<f:form.textfield name="emailAddress" type="email" required="TRUE" class="form-group"/>
+	<div class="col-md-12">
+		<p>
+			{f:translate(key:'backend.template_path')} <strong>{selectedTemplate.templatePath}</strong>
+		</p>
+		<table class="table table-hover">
+			<thead>
+				<tr>
+					<th>{f:translate(key:'backend.marker')}</th>
+					<th>{f:translate(key:'backend.value')}</th>
+					<th>{f:translate(key:'backend.description')}</th>
+				</tr>
+			</thead>
+			<f:for each="{selectedTemplate.marker}" as="marker">
+				<tr>
+					<td>{marker.marker}</td>
+					<td>{marker.value}</td>
+					<td>{marker.description}</td>
+				</tr>
+			</f:for>
+		</table>
+	</div>
+	<f:form class="col-md-12" method="post" controller="Mail" action="sendTestMail">
+		<f:form.submit class="btn-primary btn form-group" value="{f:translate(key:'backend.send_test')}" />
+		<f:form.textfield name="emailAddress" type="email" required="TRUE" class="form-group" />
 		<f:form.hidden name="selectedLanguageLeft" value="{selectedLanguageLeft}"></f:form.hidden>
 		<f:form.hidden name="selectedLanguageRight" value="{selectedLanguageRight}"></f:form.hidden>
 		<f:form.hidden name="selectedTemplate" value="{selectedTemplateKey}"></f:form.hidden>
 		<f:form.hidden name="selectedExtensionKey" value="{selectedTemplate.extension}"></f:form.hidden>
 		<f:form.hidden name="selectedExtension" value="{selectedTemplate.extension}"></f:form.hidden>
 		<f:form.hidden name="selectedTemplateKey" value="{selectedTemplateKey}"></f:form.hidden>
-		<f:form.submit class="btn-primary btn form-group" value="{f:translate(key:'backend.send_test')}"/>
 	</f:form>
 	<f:form method="post" controller="Mail" action="save">
 		<div class="col-md-6 form-group">