Reduce comment cheat sheet link prominence.

Issue #8: Initial UI feedback on TeamComments extension.

extensions/TeamComments/i18n/en.json

@@ -38,7 +38,7 @@
   "teamcomments-not-allowed": "You are not allowed to post comments.",
   "teamcomments-post": "Post comment",
   "teamcomments-submit": "Add your comment",
-  "teamcomments-cheatsheet": "Wiki Markup Cheat Sheet",
+  "teamcomments-cheatsheet": "wiki syntax help",
   "teamcomments-permalink": "Permalink",
   "teamcomments-delete-link": "Delete comment",
   "teamcomments-deleted-text": "[This comment has been deleted]",

extensions/TeamComments/includes/TeamCommentsPage.php

@@ -203,16 +203,12 @@ function displayForm() {
         $output .= '<div class="c-form-title">';
         $output .= wfMessage( 'teamcomments-submit' )->plain();
 
-        #$output .= $this->getOutput()->parse("[[Wiki_Markup_Cheat_Sheet|" . wfMessage('teamcomments-cheatsheet')->plain() . "]]");
-
-        #$output .= wfExpandUrl("http://www.google.com");
-        #$output .= wfExpandUrl("Wiki_Markup_Cheat_Sheet");
         if($wgTeamCommentsCheatSheetLocation) {
-          $output .= " (<a href='";
+          $output .= " <span class='c-cheatsheet'>(<a href='";
           $output .= $wgTeamCommentsCheatSheetLocation;
           $output .= "'>";
           $output .= wfMessage('teamcomments-cheatsheet')->plain();
-          $output .= "</a>)";
+          $output .= "</a>)</span>";
         }
         $output .= "</div>\n";
         $output .= '<div id="replyto" class="c-form-reply-to"></div>' . "\n";

extensions/TeamComments/resources/css/TeamComments.css

@@ -118,6 +118,11 @@ Besides, ny.css sets it back to 10px anyway, so this way everyone can be happy.
   margin: 0px 0px 5px 0px;
 }
 
+.c-cheatsheet {
+  font-weight:normal;
+  font-size:14px;
+}
+
 .c-form-message {
   font-size: 11px;
   width: 400px;