improvement done while working with the software.

client/partials/directives/value.html

@@ -1,6 +1,6 @@
 <span>
     <span ng-show="isString">
-        {{ value}}
+        <pre> {{value}} </pre>
     </span>
     <span ng-show="isNumber">
         {{value | number | replaceAllCommasBySpaces}}

client/partials/document.html

@@ -1,20 +1,24 @@
 <div class="row">
     <div class="large-9 columns">
-        <input type="text" ng-model="newQuery">
+        <input type="text" ng-model="newQuery" style="font-family: monospace;font-size: 1.3em;">
     </div>
     <div class="large-3 columns right">
         <ul class="button-group">
-            <li><a class="button tiny" ng-href="{{ getQueryPath() }}">Query</a></li>
-            <li><a class="button tiny">Clear</a></li>
+            <li>
+                <a class="button tiny" ng-href="{{ getQueryPath() }}" ng-class="{disabled: getQueryPath()=='' }">
+                    Query <i class="fa fa-thumbs-o-down" style="color:red;" ng-show="getQueryPath()=='' && newQuery != ''"></i>
+                </a>
+            </li>
+            <li><a class="button tiny" ng-click="newQuery=''" ng-class="{disabled: newQuery=='' }">Clear</a></li>
         </ul>
     </div>
 </div>
 
 <div class="row">
     <div class="large-12 columns" style="text-align: center;">
-            <a class="fa fa-angle-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
-            <kbd>{{idx}} / {{ meta.count  | number | replaceAllCommasBySpaces }}</kbd>
-            <a class="fa fa-angle-right" ng-href="{{ nextDocumentUrl() }}"></a>
+            <a class="fa fa-chevron-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
+            <kbd>{{idx}} / {{ meta.count || 0  | number | replaceAllCommasBySpaces }}</kbd>
+            <a class="fa fa-chevron-right" ng-href="{{ nextDocumentUrl() }}"></a>
     </div>
 </div>
 
@@ -23,8 +27,8 @@
         <table style="width: 100%;">
             <thead>
               <tr>
-                <th style="min-width:50px;">Keys</th>
-                <th >Values</th>
+                <th style="min-width:100px;">Keys</th>
+                <th style="text-align: center;">Values</th>
               </tr>
             </thead>
             <tbody>