Emoji menu overlaps text (fixes jerone#92);

Author: jerone

Github_Comment_Enhancer/Github_Comment_Enhancer.user.js

@@ -12,7 +12,7 @@
 // @updateURL   https://github.com/jerone/UserScripts/raw/master/Github_Comment_Enhancer/Github_Comment_Enhancer.user.js
 // @supportURL  https://github.com/jerone/UserScripts/issues
 // @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
-// @version     2.8.0
+// @version     2.8.1
 // @grant       none
 // @run-at      document-end
 // @include     https://github.com/*
@@ -561,6 +561,11 @@
 		}
 	};
 
+	// The suggester container needs extra margin to move the menu below the text because of the added toolbar.
+	function fixSuggesterMenu(commentForm){
+		commentForm.parentNode.querySelector(".suggester-container").style.marginTop = "36px";
+	}
+
 	var codeSyntaxTop = ["JavaScript", "Java", "Ruby", "PHP", "Python", "CSS", "C++", "C#", "C", "HTML"]; // https://github.com/blog/2047-language-trends-on-github
 	var codeSyntaxList = ["ABAP", "abl", "aconf", "ActionScript", "actionscript 3",
 		"actionscript3", "Ada", "ada2005", "ada95", "advpl", "Agda", "ags",
@@ -825,6 +830,8 @@
 					commentForm.parentNode.insertBefore(gollumEditor, commentForm);
 				}
 
+				fixSuggesterMenu(commentForm);
+
 				addSuggestions(commentForm);
 
 				addCodeSyntax(commentForm);

Github_Comment_Enhancer/README.md

@@ -60,6 +60,8 @@ Every comment field also got a toolbar, consisting of the following buttons:
 
 ## Version History
 
+* **2.8.1**
+    * Emoji menu overlaps text (fixes https://github.com/jerone/UserScripts/issues/92);
 * **2.8.0**
     * Reverted commit 9bf8974 to fix the toolbar on the wiki.
     * Included fix for enabling and disabling buttons per language on wiki.