Reorganizing metadata to make the list uncluttered.

Author: swmitra

src/extensions/default/JavaScriptCodeHints/main.js

@@ -271,27 +271,29 @@ define(function (require, exports, module) {
 
                 $hintObj.data("token", token);
 
+                if (token.url) {
+                    $('<a href=' + token.url + '>ooo</a>').appendTo($hintObj).addClass("jshint-description-url");
+                }
+                
                 if (token.type) {
-                    $('<span>' + " " + token.type.split('->').join(':') + '</span>').appendTo($hintObj).addClass("brackets-js-hints-type-details");
+                    //$('<span>' + " " + token.type.split('->').join(':') + '</span>').appendTo($hintObj).addClass("brackets-js-hints-type-details");
+                    $('<span>' + " " + token.type.split('->').join(':') + '</span>').appendTo($hintObj).addClass("jshint-description");
                 } else {
                     if (token.keyword) {
                         $('<span>' + " " + "keyword" + '</span>').appendTo($hintObj).addClass("brackets-js-hints-type-details").addClass("keyword");
                     }
                 }
 
-                if (token.url) {
-                    $('<a href=' + token.url + '>ooo</a>').appendTo($hintObj).addClass("jshint-description-url");
-                }
-                
                 if (token.doc) {
-                    $('<span>' + " " + token.doc + '</span>').appendTo($hintObj).addClass("jshint-description");
+                    //$('<span>' + " " + token.doc + '</span>').appendTo($hintObj).addClass("jshint-description");
+                    $hintObj.attr('title', token.doc);
                 }
 
                 $('<div class="hint-width-limiter"></div>').appendTo($hintObj);
 
                 return $hintObj;
             });
-        } 
+        }
 
         // trim leading and trailing string literal delimiters from the query
         trimmedQuery = _.trim(query, HintUtils.SINGLE_QUOTE + HintUtils.DOUBLE_QUOTE);

src/extensions/default/JavaScriptCodeHints/styles/brackets-js-hints.css

@@ -22,7 +22,7 @@
  */
 
 .hint-width-limiter {
-    width:470px;
+    width:450px;
 }
 
 .brackets-js-hints-type {
@@ -71,15 +71,14 @@
 .jshint-description {
     line-height: 1.3;
     display: none;
-    width: calc(100% - 50px);
     padding-bottom: 3px;
     padding-left: 37px;
     padding-right: 37px;
     color: #d3d3d3;
     box-sizing: border-box;
     word-wrap: break-word;
     white-space: normal;
-    width:450px; 
+    width:450px;
 }
 
 .jshint-description-url {
@@ -99,6 +98,7 @@
 
 .highlight .jshint-description {
     display: block;
+    color:#6495ed;
 }
 
 .dark .brackets-js-hints-type-details {