Display content beside infobox instead of below.

Removing CSS rules that that push content below infoboxes.

Bug: T189688
Change-Id: I59736720b36f251c49a27a2dd7f5343d58629992

resources/skins.minerva.base.styles/ui.less

@@ -184,7 +184,7 @@ input.search {
 
 	h2 {
 		// Clear table of contents and any other floated elements in desktop Minerva.
-		clear: both;
+		clear: left;
 
 		.edit-page {
 			font-size: 1 / @fontSizeH2;
@@ -214,7 +214,6 @@ input.search {
 
 	.mw-parser-output > h2,
 	.section-heading {
-		width: 100%;
 		border-bottom: 1px solid @colorGray14;
 		margin-bottom: @headingMargin;
 

resources/skins.minerva.content.styles/hacks.less

@@ -131,7 +131,7 @@ FIXME: Review all of these hacks to see if they still apply.
 	font-size: 0.8em;
 	background-color: @colorGray15;
 	margin-bottom: 1px;
-
+	overflow: hidden;
 	a {
 		color: @colorProgressive;
 	}

resources/skins.minerva.tablet.styles/common.less

@@ -30,12 +30,10 @@ A file for css that optimises the Minerva skin on larger devices.
 
 	.toc-mobile {
 		// Reset the rule for mobile mode (but not for .client-nojs)
-		display: block;
+		display: table;
 		visibility: visible;
 		position: relative;
 		font-size: 1.3em;
-		float: left;
-		clear: left;
 		margin: 1em 0;
 		border: solid 1px transparent;
 

skinStyles/mobile.toggle/minerva.less

@@ -3,7 +3,7 @@
 .client-js {
 	.collapsible-heading,
 	.collapsible-block {
-		clear: both;
+		clear: left;
 	}
 
 	.collapsible-heading {
@@ -19,6 +19,7 @@
 
 	.collapsible-block {
 		// bug 41401 - without this content doesn't always take up whole width
-		width: 100%;
+		max-width: 100%;
+		overflow: hidden;
 	}
 }