Bug 1501059 Fix help pop outs in forms

The previous patch for this didn't work for larger screens.

behatnotneeded

Change-Id: I7d88abbb5ca49dfcbbb45b82b817da26450d645e
(cherry picked from commit 4933019f)

htdocs/js/mahara.js

@@ -610,9 +610,6 @@ function contextualHelpPosition(ref, contextualHelpContainer) {
     $j(contextualHelpContainer).css('visibility', 'hidden').removeClass('hidden');
     var position = $j(ref).position();
     var offset = $j(ref).offset();
-    if ($j(ref).parent().css('position') == 'absolute') {
-        position.left = offset.left;
-    }
     var containerwidth = $j(contextualHelpContainer).outerWidth(true);
 
     // Adjust the position. The element is moved towards the centre of the

htdocs/theme/raw/sass/form/_form-group.scss

@@ -474,10 +474,12 @@
     }
 
     .help {
-        position: absolute;
-        right: 0;
-        top: 50%;
-        margin-top:-20px;
+        margin-top: 5px;
+        float:right; // can't use absolute because it messes up the pop out
+    }
+
+    .wysiwyg + .help {
+        transform: translate(0px, -180px);
     }
 
     .help-inline {