[Fronted] Fixes for misaligned bubbles

WTD-1247
WTD-884
Changed CSS .l-infobubble-wrapper abs > relative;
Added display: block class for mct-container;
Tweaked bubble evaluation JS for 'goLeft' behavior;
Added constants for bubble max width and left/right margin;

platform/commonUI/general/res/sass/_constants.scss

@@ -126,3 +126,7 @@ $tickLblH: 15px;
 $tickLblW: 50px;
 $tickH: $ticksH - $tickLblVMargin - $tickLblH;
 $tickW: 1px;
+
+// Bubbles
+$bubbleMinW: 100px;
+$bubbleMaxW: 300px;

platform/commonUI/general/res/sass/_global.scss

@@ -69,6 +69,10 @@ span {
 	*/
 }
 
+mct-container {
+	display: block;
+}
+
 .abs {
 	position: absolute;
 	top: 0;

platform/commonUI/general/res/sass/helpers/_bubbles.scss

@@ -24,12 +24,12 @@
 .l-infobubble-wrapper {
 	$arwSize: 5px;
 	@include box-shadow(rgba(black, 0.4) 0 1px 5px);
-	position: absolute;
+	position: relative;
 	z-index: 50;
 	.l-infobubble {
 		display: inline-block;
-		min-width: 100px;
-		max-width: 300px;
+		min-width: $bubbleMinW;
+		max-width: $bubbleMaxW;
 		padding: 5px 10px;
 		&:before {
 			content:"";