now it looks fantastic. Nothing under!

client/partials/directives/key.html

@@ -3,6 +3,7 @@
     
     <span ng-style="{visibility: showTools ? 'inline': 'hidden'}">
         <!-- place to but some hoover information-->
+        <i class="fa fa-signal" ng-show="canMakeHistogram"></i> 
     </span>
     <span class="right" style="color:#008CBA;">
         <i class="fa fa-sort-numeric-asc" ng-show="hasIndexAsc"></i>

client/partials/directives/value.html

@@ -1,12 +1,19 @@
 <span>
     <span ng-show="isString">
-        <pre> {{value}} </pre>
+        <pre ng-show="isSmallString(value)"> {{value}} </pre>
+        
+        <a ng-hide="isSmallString(value)" ng-href="{{ url() }}">
+            <pre> {{ getSmallPrefix(value) }} </pre>
+        </a>
+        
     </span>
     <span ng-show="isNumber">
         {{value | number | replaceAllCommasBySpaces}}
     </span>
     <span ng-show="isObject || isArray">
-        <pre>{{value | niceJSON}}</pre>
+        <pre ng-show="isSmallObject(value)" >{{value | niceJSON}}</pre>
+        <a ng-hide="isSmallObject(value)" ng-href="{{ url() }}">
+            <pre> {{value | niceJSON | onlyNthLines:5}} </pre>
+        </a>
     </span>
-    
 </span>