fix(docs): Provide explanation of console elements in demo-browser

Author: Airblader

projects/ngqp-demo/src/app/demo-browser/demo-browser.component.html

@@ -16,6 +16,10 @@
 </div>
 
 <div *ngIf="group" class="demo-browser__console">
-    <span>{{ lastChange }}</span>
-    <span>({{ changeCounter }})</span>
+    <span class="cursor-default" title="Last value change event of the QueryParamGroup">
+        {{ lastChange }}
+    </span>
+    <span class="cursor-default no-select" title="Total number of value change events of the QueryParamGroup">
+        ({{ changeCounter }})
+    </span>
 </div>

projects/ngqp-demo/src/app/demo-browser/demo-browser.component.scss

@@ -124,4 +124,12 @@ button.demo-browser__button {
     &:disabled {
         color: #9e9e9e;
     }
+}
+
+.cursor-default {
+    cursor: default;
+}
+
+.no-select {
+    user-select: none;
 }