Move DataAfterContent outside of main content block

Bug: T226199
Change-Id: Ie04d8d2bb1d44ec8a1c03fcc6f807668bab0377c

components/common.less

@@ -31,8 +31,12 @@ body {
 	direction: ltr;
 }
 
-.mw-body {
+.mw-body,
+#mw-data-after-content {
 	margin-left: 10em;
+}
+
+.mw-body {
 	/* Border on top, left, and bottom side */
 	border: 1px solid @content-border-color;
 	border-right-width: 0;

includes/templates/index.mustache

@@ -24,11 +24,11 @@
 		<div class="printfooter">{{{html-printfooter}}}</div>
 		{{/html-printfooter}}
 		{{{html-catlinks}}}
-		{{{html-dataAfterContent}}}
 		<div class="visualClear"></div>
 		{{{html-debuglog}}}
 	</div>
 </div>
+{{{html-dataAfterContent}}}
 {{! html-unported outputs <div id="mw-navigation"> and <div id="footer"> }}
 {{{html-unported}}}
 {{{html-printtail}}}

responsive.less

@@ -118,4 +118,8 @@
 		border-left: 0;
 		margin-left: 0;
 	}
+
+	#mw-data-after-content {
+		margin-left: 0;
+	}
 }

screen-hd.less

@@ -5,6 +5,7 @@
 .mw-body,
 #mw-head-base,
 #left-navigation,
+#mw-data-after-content,
 #footer {
 	margin-left: 11em;
 }