diff --git a/shrine-webclient/src/main/js/client/js-shrine/assets/css/styles.css b/shrine-webclient/src/main/js/client/js-shrine/assets/css/styles.css
index 956f0d5f6..d4990159d 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/assets/css/styles.css
+++ b/shrine-webclient/src/main/js/client/js-shrine/assets/css/styles.css
@@ -1,191 +1,195 @@
 /** {
   box-sizing: border-box;
 }
 html,
 body {
   height: 100%;
 }
 body {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   padding: 10px;
   font-family: 'Source Sans Pro', serif;
   color: #333;
   background: #f2f2f2;
 }
 
 p {
   font-size: 16px;
   line-height: 1.6em;
 }
 .button {
   border: 1px solid #6576a8;
   background: #6d85ad;
   border: 0;
   outline: 0;
   font-family: 'Source Sans Pro', serif;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
   color: #fff;
   cursor: pointer;
 }
 .button:hover {
   background: #9cb8d9;
 }
 .button:active {
   background: #6576a8;
 }
 .button--large {
   position: relative;
   padding: 15px 30px;
   border-radius: 5px;
   font-size: 16px;
 }
 .button--large:active {
   top: 1px;
 }
 .content {
   text-align: center;
   max-width: 350px;
 }
 .email {
   position: relative;
 }
 */
 
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
 body {
   overflow: hidden;
-  background: -webkit-linear-gradient(left, #25c481, #25b7c4);
-  background: linear-gradient(to right, #25c481, #25b7c4);
+  /*background: -webkit-linear-gradient(left, #6B73A2, #9BB5DA);
+  background: linear-gradient(to bottom, #6B73A2, #9BB5DA);*/
+  background: #6B73A2;
   font-family: 'Roboto', sans-serif; }
 
 html,
 body,
 .box-wrapper {
   width: 100%;
   height: 100%;
   margin: 0; }
 
 .box-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; }
 
 .box {
+  margin-top: 1%;
   width: 100%;
-  /*
-  transform: translate(-100%, 0%);
-  */
   transition: all .2s ease; }
 
 .box.blue {
   background: #1881CB; }
 
 .box.red {
   background: #AD3137; }
 
 .box.black {
   background: #424242; }
 
 .circle-pagination {
+  min-width: 800px;
   position: absolute;
   z-index: 1000;
-  left: 16px;
-  top: 16px;
+  left: 0rem;
+  top: 1rem;
   list-style-type: none;
   padding: 0;
   margin: 0; }
 
 .circle-pagination li {
   border-radius: 50%;
   border: 2px solid #fff;
   width: 12px;
   height: 12px;
   padding: 4px;
   margin: 6px;
   cursor: pointer;
   float: left;
   transition: all .2s ease; }
 
 .circle-pagination li.active,
 .circle-pagination li:hover {
   background: #fff;
   width: 14px;
   height: 14px; }
 
 .circle-pagination li div {
-  width: 28px;
+  font-size: .7rem;
+  width: 24px;
   position: relative;
   left: -6px;
   top: -22px;
   color: white;
   text-transform: capitalize; }
 
 h1 {
   font-size: 30px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 300;
   text-align: center;
   margin-bottom: 15px; }
 
 table {
   width: 100%;
   table-layout: fixed; }
 
 .tbl-header {
   background-color: rgba(255, 255, 255, 0.3); }
 
+.tbl-header div.tbl-header {
+  max-width: 5rem; }
+
 .tbl-content {
-  height: 300px;
+  height: 450px;
   overflow-x: auto;
   margin-top: 0px;
   border: 1px solid rgba(255, 255, 255, 0.3); }
 
 th {
-  padding: 20px 15px;
-  text-align: left;
+  padding: 15px 5px;
+  text-align: center;
   font-weight: 500;
-  font-size: 12px;
+  font-size: .75rem;
   color: #fff;
   text-transform: uppercase; }
 
 td {
   transition: all .5s ease;
   padding: 15px;
-  text-align: left;
+  text-align: center;
   vertical-align: top;
   font-weight: 300;
   font-size: 12px;
   color: #fff;
   border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
 
 section {
   margin: 50px; }
 
 /* for custom scrollbar for webkit browser*/
 ::-webkit-scrollbar {
-  width: 6px; }
+  width: 8px; }
 
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
 
 ::-webkit-scrollbar-thumb {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
 
 .hideextra {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; }
diff --git a/shrine-webclient/src/main/js/client/js-shrine/config.js b/shrine-webclient/src/main/js/client/js-shrine/config.js
index 319b6af31..2ed927213 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/config.js
+++ b/shrine-webclient/src/main/js/client/js-shrine/config.js
@@ -1,327 +1,327 @@
 System.config({
   defaultJSExtensions: true,
   transpiler: false,
   paths: {
     "*": "dist/*",
     "github:*": "jspm_packages/github/*",
     "npm:*": "jspm_packages/npm/*"
   },
   map: {
     "aurelia-animator-css": "npm:aurelia-animator-css@1.0.1",
     "aurelia-bootstrapper": "npm:aurelia-bootstrapper@1.0.0",
     "aurelia-fetch-client": "npm:aurelia-fetch-client@1.0.1",
     "aurelia-framework": "npm:aurelia-framework@1.0.6",
     "aurelia-history-browser": "npm:aurelia-history-browser@1.0.0",
     "aurelia-loader-default": "npm:aurelia-loader-default@1.0.0",
     "aurelia-logging-console": "npm:aurelia-logging-console@1.0.0",
     "aurelia-pal-browser": "npm:aurelia-pal-browser@1.0.0",
     "aurelia-polyfills": "npm:aurelia-polyfills@1.1.1",
     "aurelia-router": "npm:aurelia-router@1.0.6",
     "aurelia-templating-binding": "npm:aurelia-templating-binding@1.0.0",
     "aurelia-templating-resources": "npm:aurelia-templating-resources@1.1.1",
     "aurelia-templating-router": "npm:aurelia-templating-router@1.0.0",
     "bluebird": "npm:bluebird@3.4.1",
     "bootstrap": "github:twbs/bootstrap@3.3.7",
     "fetch": "github:github/fetch@1.0.0",
     "font-awesome": "npm:font-awesome@4.6.3",
     "jquery": "npm:jquery@2.2.4",
     "text": "github:systemjs/plugin-text@0.0.8",
     "github:jspm/nodelibs-assert@0.1.0": {
       "assert": "npm:assert@1.4.1"
     },
     "github:jspm/nodelibs-buffer@0.1.0": {
       "buffer": "npm:buffer@3.6.0"
     },
     "github:jspm/nodelibs-process@0.1.2": {
       "process": "npm:process@0.11.9"
     },
     "github:jspm/nodelibs-util@0.1.0": {
       "util": "npm:util@0.10.3"
     },
     "github:jspm/nodelibs-vm@0.1.0": {
       "vm-browserify": "npm:vm-browserify@0.0.4"
     },
     "github:twbs/bootstrap@3.3.7": {
       "jquery": "npm:jquery@2.2.4"
     },
     "npm:assert@1.4.1": {
       "assert": "github:jspm/nodelibs-assert@0.1.0",
       "buffer": "github:jspm/nodelibs-buffer@0.1.0",
       "process": "github:jspm/nodelibs-process@0.1.2",
       "util": "npm:util@0.10.3"
     },
     "npm:aurelia-animator-css@1.0.1": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-binding@1.0.9": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0"
     },
     "npm:aurelia-bootstrapper@1.0.0": {
       "aurelia-event-aggregator": "npm:aurelia-event-aggregator@1.0.0",
       "aurelia-framework": "npm:aurelia-framework@1.0.6",
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-history-browser": "npm:aurelia-history-browser@1.0.0",
       "aurelia-loader-default": "npm:aurelia-loader-default@1.0.0",
       "aurelia-logging-console": "npm:aurelia-logging-console@1.0.0",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-pal-browser": "npm:aurelia-pal-browser@1.0.0",
       "aurelia-polyfills": "npm:aurelia-polyfills@1.1.1",
       "aurelia-router": "npm:aurelia-router@1.0.6",
       "aurelia-templating": "npm:aurelia-templating@1.1.1",
       "aurelia-templating-binding": "npm:aurelia-templating-binding@1.0.0",
       "aurelia-templating-resources": "npm:aurelia-templating-resources@1.1.1",
       "aurelia-templating-router": "npm:aurelia-templating-router@1.0.0"
     },
     "npm:aurelia-dependency-injection@1.1.0": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-event-aggregator@1.0.0": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0"
     },
     "npm:aurelia-framework@1.0.6": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-history-browser@1.0.0": {
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-loader-default@1.0.0": {
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-loader@1.0.0": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-path": "npm:aurelia-path@1.1.1"
     },
     "npm:aurelia-logging-console@1.0.0": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0"
     },
     "npm:aurelia-metadata@1.0.1": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-pal-browser@1.0.0": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-polyfills@1.1.1": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-route-recognizer@1.1.0": {
       "aurelia-path": "npm:aurelia-path@1.1.1"
     },
     "npm:aurelia-router@1.0.6": {
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-event-aggregator": "npm:aurelia-event-aggregator@1.0.0",
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-route-recognizer": "npm:aurelia-route-recognizer@1.1.0"
     },
     "npm:aurelia-task-queue@1.1.0": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-templating-binding@1.0.0": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating-resources@1.1.1": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating-router@1.0.0": {
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-router": "npm:aurelia-router@1.0.6",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating@1.1.1": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0"
     },
     "npm:bluebird@3.4.1": {
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:buffer@3.6.0": {
       "base64-js": "npm:base64-js@0.0.8",
       "child_process": "github:jspm/nodelibs-child_process@0.1.0",
       "fs": "github:jspm/nodelibs-fs@0.1.2",
       "ieee754": "npm:ieee754@1.1.8",
       "isarray": "npm:isarray@1.0.0",
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:font-awesome@4.6.3": {
       "css": "github:systemjs/plugin-css@0.1.31"
     },
     "npm:inherits@2.0.1": {
       "util": "github:jspm/nodelibs-util@0.1.0"
     },
     "npm:process@0.11.9": {
       "assert": "github:jspm/nodelibs-assert@0.1.0",
       "fs": "github:jspm/nodelibs-fs@0.1.2",
       "vm": "github:jspm/nodelibs-vm@0.1.0"
     },
     "npm:util@0.10.3": {
       "inherits": "npm:inherits@2.0.1",
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:vm-browserify@0.0.4": {
       "indexof": "npm:indexof@0.0.1"
     }
   },
-  depCache: {
-    "views/mailto/mailto.js": [
-      "aurelia-framework",
-      "views/mailto/mailto.service",
-      "views/mailto/mailto.config"
-    ],
-    "views/mailto/mailto.service.js": [
-      "aurelia-framework",
-      "aurelia-fetch-client",
-      "fetch"
-    ],
-    "views/query-viewer/query-viewer.js": [
-      "aurelia-framework",
-      "views/query-viewer/query-viewer.service"
-    ],
-    "views/query-viewer/query-viewer.service.js": [
-      "aurelia-framework",
-      "aurelia-fetch-client",
-      "fetch"
-    ]
-  },
   bundles: {
     "app-build.js": [
       "main.js",
       "repository/pm-repository.js",
       "shell.html!github:systemjs/plugin-text@0.0.8.js",
       "shell.js",
       "views/mailto/mailto.config.js",
       "views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",
       "views/mailto/mailto.js",
       "views/mailto/mailto.service.js",
       "views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",
       "views/query-viewer/query-table.js",
       "views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",
       "views/query-viewer/query-viewer.js",
       "views/query-viewer/query-viewer.service.js"
     ],
     "aurelia.js": [
       "github:github/fetch@1.0.0.js",
       "github:github/fetch@1.0.0/fetch.js",
       "npm:aurelia-binding@1.0.9.js",
       "npm:aurelia-binding@1.0.9/aurelia-binding.js",
       "npm:aurelia-bootstrapper@1.0.0.js",
       "npm:aurelia-bootstrapper@1.0.0/aurelia-bootstrapper.js",
       "npm:aurelia-dependency-injection@1.1.0.js",
       "npm:aurelia-dependency-injection@1.1.0/aurelia-dependency-injection.js",
       "npm:aurelia-event-aggregator@1.0.0.js",
       "npm:aurelia-event-aggregator@1.0.0/aurelia-event-aggregator.js",
       "npm:aurelia-fetch-client@1.0.1.js",
       "npm:aurelia-fetch-client@1.0.1/aurelia-fetch-client.js",
       "npm:aurelia-framework@1.0.6.js",
       "npm:aurelia-framework@1.0.6/aurelia-framework.js",
       "npm:aurelia-history-browser@1.0.0.js",
       "npm:aurelia-history-browser@1.0.0/aurelia-history-browser.js",
       "npm:aurelia-history@1.0.0.js",
       "npm:aurelia-history@1.0.0/aurelia-history.js",
       "npm:aurelia-loader-default@1.0.0.js",
       "npm:aurelia-loader-default@1.0.0/aurelia-loader-default.js",
       "npm:aurelia-loader@1.0.0.js",
       "npm:aurelia-loader@1.0.0/aurelia-loader.js",
       "npm:aurelia-logging-console@1.0.0.js",
       "npm:aurelia-logging-console@1.0.0/aurelia-logging-console.js",
       "npm:aurelia-logging@1.0.0.js",
       "npm:aurelia-logging@1.0.0/aurelia-logging.js",
       "npm:aurelia-metadata@1.0.1.js",
       "npm:aurelia-metadata@1.0.1/aurelia-metadata.js",
       "npm:aurelia-pal-browser@1.0.0.js",
       "npm:aurelia-pal-browser@1.0.0/aurelia-pal-browser.js",
       "npm:aurelia-pal@1.0.0.js",
       "npm:aurelia-pal@1.0.0/aurelia-pal.js",
       "npm:aurelia-path@1.1.1.js",
       "npm:aurelia-path@1.1.1/aurelia-path.js",
       "npm:aurelia-polyfills@1.1.1.js",
       "npm:aurelia-polyfills@1.1.1/aurelia-polyfills.js",
       "npm:aurelia-route-recognizer@1.1.0.js",
       "npm:aurelia-route-recognizer@1.1.0/aurelia-route-recognizer.js",
       "npm:aurelia-router@1.0.6.js",
       "npm:aurelia-router@1.0.6/aurelia-router.js",
       "npm:aurelia-task-queue@1.1.0.js",
       "npm:aurelia-task-queue@1.1.0/aurelia-task-queue.js",
       "npm:aurelia-templating-binding@1.0.0.js",
       "npm:aurelia-templating-binding@1.0.0/aurelia-templating-binding.js",
       "npm:aurelia-templating-resources@1.1.1.js",
       "npm:aurelia-templating-resources@1.1.1/abstract-repeater.js",
       "npm:aurelia-templating-resources@1.1.1/analyze-view-factory.js",
       "npm:aurelia-templating-resources@1.1.1/array-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/attr-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/aurelia-hide-style.js",
       "npm:aurelia-templating-resources@1.1.1/aurelia-templating-resources.js",
       "npm:aurelia-templating-resources@1.1.1/binding-mode-behaviors.js",
       "npm:aurelia-templating-resources@1.1.1/binding-signaler.js",
       "npm:aurelia-templating-resources@1.1.1/compose.js",
       "npm:aurelia-templating-resources@1.1.1/css-resource.js",
       "npm:aurelia-templating-resources@1.1.1/debounce-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/dynamic-element.js",
       "npm:aurelia-templating-resources@1.1.1/focus.js",
       "npm:aurelia-templating-resources@1.1.1/hide.js",
       "npm:aurelia-templating-resources@1.1.1/html-resource-plugin.js",
       "npm:aurelia-templating-resources@1.1.1/html-sanitizer.js",
       "npm:aurelia-templating-resources@1.1.1/if.js",
       "npm:aurelia-templating-resources@1.1.1/map-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/null-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/number-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/repeat-strategy-locator.js",
       "npm:aurelia-templating-resources@1.1.1/repeat-utilities.js",
       "npm:aurelia-templating-resources@1.1.1/repeat.js",
       "npm:aurelia-templating-resources@1.1.1/replaceable.js",
       "npm:aurelia-templating-resources@1.1.1/sanitize-html.js",
       "npm:aurelia-templating-resources@1.1.1/set-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/show.js",
       "npm:aurelia-templating-resources@1.1.1/signal-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/throttle-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/update-trigger-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/with.js",
       "npm:aurelia-templating-router@1.0.0.js",
       "npm:aurelia-templating-router@1.0.0/aurelia-templating-router.js",
       "npm:aurelia-templating-router@1.0.0/route-href.js",
       "npm:aurelia-templating-router@1.0.0/route-loader.js",
       "npm:aurelia-templating-router@1.0.0/router-view.js",
       "npm:aurelia-templating@1.1.1.js",
       "npm:aurelia-templating@1.1.1/aurelia-templating.js",
       "npm:jquery@2.2.4.js",
       "npm:jquery@2.2.4/dist/jquery.js"
     ]
+  },
+  depCache: {
+    "views/mailto/mailto.js": [
+      "aurelia-framework",
+      "views/mailto/mailto.service",
+      "views/mailto/mailto.config"
+    ],
+    "views/mailto/mailto.service.js": [
+      "aurelia-framework",
+      "aurelia-fetch-client",
+      "fetch"
+    ],
+    "views/query-viewer/query-viewer.js": [
+      "aurelia-framework",
+      "views/query-viewer/query-viewer.service"
+    ],
+    "views/query-viewer/query-viewer.service.js": [
+      "aurelia-framework",
+      "aurelia-fetch-client",
+      "fetch"
+    ]
   }
 });
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/dist/app-build.js b/shrine-webclient/src/main/js/client/js-shrine/dist/app-build.js
index 1002f5b86..0bffee439 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/dist/app-build.js
+++ b/shrine-webclient/src/main/js/client/js-shrine/dist/app-build.js
@@ -1 +1 @@
-"bundle";System.register("main.js",[],function(a,b){"use strict";function c(a){a.use.standardConfiguration().developmentLogging(),a.start().then(function(){return a.setRoot("shell")})}return a("configure",c),{setters:[],execute:function(){}}}),System.register("repository/pm-repository.js",[],function(a,b){"use strict";return{setters:[],execute:function(){}}}),function(){var a=System.amdDefine;a("shell.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return"<template><!--compose view-model='views/mailto/mailto'>\n\t</compose--><compose view-model=\"views/query-viewer/query-viewer\"></compose></template>"})}(),System.register("shell.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("Shell",d=function b(){c(this,b)}),a("Shell",d)}}}),function(){var a=System.amdDefine;a("views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="content mailto-hidden"><p>If you have questions about your query results or this SHRINE network, contact the Data Steward at your site.</p><div class="email js-email"><button class="button button--large js-button" click.delegate="openEmail()">Email Data Steward</button></div></div></template>'})}(),System.register("views/mailto/mailto.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),a("MailToService",(g=d(e),i=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchStewardEmail=function(){return this.http.fetch("data?key=stewardEmail").then(function(a){return a.json()}).then(function(a){return a.indexOf('"')>0?a.split('"')[1]:a})["catch"](function(){return""})},f(a,[{key:"url",get:function(){var a="6443",b=document.URL,c="/shrine-metadata/";return b.substring(0,b.indexOf(a)+a.length)+c}}]),a}())||h)),a("MailToService",i)}}}),System.register("views/mailto/mailto.config.js",[],function(a,b){"use strict";var c;return{setters:[],execute:function(){a("MailConfig",c={mailto:"mailto:",subject:"subject="+encodeURIComponent("Question from a SHRINE User"),body:encodeURIComponent("Please enter the suggested information and your question. Your data steward will reply to this email.\n\n***Never send patient information, passwords, or other sensitive information by email****\nName:\nTitle:\nUser name (to log into SHRINE):\nTelephone Number (optional):\nPreferred email address (optional):\n\nQuestion or Comment:")}),a("MailConfig",c)}}}),System.register("views/mailto/mailto.js",["aurelia-framework","views/mailto/mailto.service","views/mailto/mailto.config"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.MailToService},function(a){f=a.MailConfig}],execute:function(){a("MailTo",(g=d(e,f),i=g(h=function(){function a(b,d){c(this,a),this.service=b,this.config=d}return a.prototype.openEmail=function(){var a=this;this.service.fetchStewardEmail().then(function(b){return window.top.location=a.getComposition(b),a})},a.prototype.getComposition=function(a){return this.config.mailto+a+"?"+this.config.subject+"&"+this.config.body},a}())||h)),a("MailTo",i)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="box-wrapper"><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 1</th><th>Node 2</th><th>Node 3</th><th>Node 4</th><th>Node 5</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 6</th><th>Node 7</th><th>Node 8</th><th>Node 9</th><th>Node 10</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-table.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("QueryTable",d=function b(){c(this,b)}),a("QueryTable",d)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? \'active\' : \'\'}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th repeat.for="node of screen.nodes">${node}</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-viewer.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewerService",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchPreviousQueries=function(){return this.http.fetch("previous-queries").then(function(a){return a.json()})["catch"](function(a){return a})},a.prototype.getNodes=function(a){return a.length>0?a[0].results.map(function(a){return a.node}):[]},a.prototype.getScreens=function(a,b){return new Promise(function(c,d){for(var e=a.length,f=[],g=function(c){var d=c+i<e?c+i:e-1,g=String(a[c]).substr(0,1)+"-"+String(a[d]).substr(0,1),h=a.slice(c,d),j=b.map(function(a){return{id:a.id,name:a.name,results:a.results.slice(c,d)}});f.push({name:g,nodes:h,queries:j})},h=0;h<e;h+=i)g(h);c(f)})},f(a,[{key:"url",get:function(){var a="8000",b=document.URL,c="6443/shrine-proxy/request/shrine/api/";return b.substring(0,b.indexOf(a))+c}}]),a}())||h)),a("QueryViewerService",j)}}}),System.register("views/query-viewer/query-viewer.js",["aurelia-framework","views/query-viewer/query-viewer.service"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.QueryViewerService}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewer",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),this.screenIndex=0,this.service=b,this.service.fetchPreviousQueries().then(function(a){var c=a.queries,e=d.service.getNodes(c);return b.getScreens(e,c)}).then(function(a){d.screens=a})["catch"](function(a){return console.log(a)})}return f(a,[{key:"slidePct",get:function(){return String(-100*this.screenIndex)+"%"}}]),a}())||h)),a("QueryViewer",j)}}});
\ No newline at end of file
+"bundle";System.register("main.js",[],function(a,b){"use strict";function c(a){a.use.standardConfiguration().developmentLogging(),a.start().then(function(){return a.setRoot("shell")})}return a("configure",c),{setters:[],execute:function(){}}}),System.register("repository/pm-repository.js",[],function(a,b){"use strict";return{setters:[],execute:function(){}}}),function(){var a=System.amdDefine;a("shell.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return"<template><!--compose view-model='views/mailto/mailto'>\n\t</compose--><compose view-model=\"views/query-viewer/query-viewer\"></compose></template>"})}(),System.register("shell.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("Shell",d=function b(){c(this,b)}),a("Shell",d)}}}),function(){var a=System.amdDefine;a("views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="content mailto-hidden"><p>If you have questions about your query results or this SHRINE network, contact the Data Steward at your site.</p><div class="email js-email"><button class="button button--large js-button" click.delegate="openEmail()">Email Data Steward</button></div></div></template>'})}(),System.register("views/mailto/mailto.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),a("MailToService",(g=d(e),i=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchStewardEmail=function(){return this.http.fetch("data?key=stewardEmail").then(function(a){return a.json()}).then(function(a){return a.indexOf('"')>0?a.split('"')[1]:a})["catch"](function(){return""})},f(a,[{key:"url",get:function(){var a="6443",b=document.URL,c="/shrine-metadata/";return b.substring(0,b.indexOf(a)+a.length)+c}}]),a}())||h)),a("MailToService",i)}}}),System.register("views/mailto/mailto.config.js",[],function(a,b){"use strict";var c;return{setters:[],execute:function(){a("MailConfig",c={mailto:"mailto:",subject:"subject="+encodeURIComponent("Question from a SHRINE User"),body:encodeURIComponent("Please enter the suggested information and your question. Your data steward will reply to this email.\n\n***Never send patient information, passwords, or other sensitive information by email****\nName:\nTitle:\nUser name (to log into SHRINE):\nTelephone Number (optional):\nPreferred email address (optional):\n\nQuestion or Comment:")}),a("MailConfig",c)}}}),System.register("views/mailto/mailto.js",["aurelia-framework","views/mailto/mailto.service","views/mailto/mailto.config"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.MailToService},function(a){f=a.MailConfig}],execute:function(){a("MailTo",(g=d(e,f),i=g(h=function(){function a(b,d){c(this,a),this.service=b,this.config=d}return a.prototype.openEmail=function(){var a=this;this.service.fetchStewardEmail().then(function(b){return window.top.location=a.getComposition(b),a})},a.prototype.getComposition=function(a){return this.config.mailto+a+"?"+this.config.subject+"&"+this.config.body},a}())||h)),a("MailTo",i)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="box-wrapper"><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 1</th><th>Node 2</th><th>Node 3</th><th>Node 4</th><th>Node 5</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 6</th><th>Node 7</th><th>Node 8</th><th>Node 9</th><th>Node 10</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-table.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("QueryTable",d=function b(){c(this,b)}),a("QueryTable",d)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? \'active\' : \'\'}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th class="tbl-header"></th><th repeat.for="node of screen.nodes" class="tbl-header"><div class="hideextra">${node}</div></th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-viewer.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewerService",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchPreviousQueries=function(){return this.http.fetch("previous-queries").then(function(a){return a.json()})["catch"](function(a){return a})},a.prototype.getNodes=function(a){return a.length>0?a[0].results.map(function(a){return a.node}):[]},a.prototype.getScreens=function(a,b){return new Promise(function(c,d){for(var e=a.length,f=[],g=function(c){var d=c+i<e?c+i:e-1,g=String(a[c]).substr(0,1)+"-"+String(a[d]).substr(0,1),h=a.slice(c,d),j=b.map(function(a){return{id:a.id,name:a.name,results:a.results.slice(c,d)}});f.push({name:g,nodes:h,queries:j})},h=0;h<e;h+=i)g(h);c(f)})},f(a,[{key:"url",get:function(){var a="8000",b=document.URL,c="6443/shrine-proxy/request/shrine/api/";return b.substring(0,b.indexOf(a))+c}}]),a}())||h)),a("QueryViewerService",j)}}}),System.register("views/query-viewer/query-viewer.js",["aurelia-framework","views/query-viewer/query-viewer.service"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.QueryViewerService}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewer",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),this.screenIndex=0,this.service=b,this.service.fetchPreviousQueries().then(function(a){var c=a.queries,e=d.service.getNodes(c);return b.getScreens(e,c)}).then(function(a){d.screens=a})["catch"](function(a){return console.log(a)})}return f(a,[{key:"slidePct",get:function(){return String(-100*this.screenIndex)+"%"}}]),a}())||h)),a("QueryViewer",j)}}});
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/dist/views/query-viewer/query-viewer.html b/shrine-webclient/src/main/js/client/js-shrine/dist/views/query-viewer/query-viewer.html
index 496783a43..b0d75197a 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/dist/views/query-viewer/query-viewer.html
+++ b/shrine-webclient/src/main/js/client/js-shrine/dist/views/query-viewer/query-viewer.html
@@ -1 +1 @@
-<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? 'active' : ''}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th repeat.for="node of screen.nodes">${node}</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>
\ No newline at end of file
+<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? 'active' : ''}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th class="tbl-header"></th><th repeat.for="node of screen.nodes" class="tbl-header"><div class="hideextra">${node}</div></th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/export/assets/css/styles.css b/shrine-webclient/src/main/js/client/js-shrine/export/assets/css/styles.css
index 956f0d5f6..d4990159d 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/export/assets/css/styles.css
+++ b/shrine-webclient/src/main/js/client/js-shrine/export/assets/css/styles.css
@@ -1,191 +1,195 @@
 /** {
   box-sizing: border-box;
 }
 html,
 body {
   height: 100%;
 }
 body {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   padding: 10px;
   font-family: 'Source Sans Pro', serif;
   color: #333;
   background: #f2f2f2;
 }
 
 p {
   font-size: 16px;
   line-height: 1.6em;
 }
 .button {
   border: 1px solid #6576a8;
   background: #6d85ad;
   border: 0;
   outline: 0;
   font-family: 'Source Sans Pro', serif;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
   color: #fff;
   cursor: pointer;
 }
 .button:hover {
   background: #9cb8d9;
 }
 .button:active {
   background: #6576a8;
 }
 .button--large {
   position: relative;
   padding: 15px 30px;
   border-radius: 5px;
   font-size: 16px;
 }
 .button--large:active {
   top: 1px;
 }
 .content {
   text-align: center;
   max-width: 350px;
 }
 .email {
   position: relative;
 }
 */
 
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
 body {
   overflow: hidden;
-  background: -webkit-linear-gradient(left, #25c481, #25b7c4);
-  background: linear-gradient(to right, #25c481, #25b7c4);
+  /*background: -webkit-linear-gradient(left, #6B73A2, #9BB5DA);
+  background: linear-gradient(to bottom, #6B73A2, #9BB5DA);*/
+  background: #6B73A2;
   font-family: 'Roboto', sans-serif; }
 
 html,
 body,
 .box-wrapper {
   width: 100%;
   height: 100%;
   margin: 0; }
 
 .box-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; }
 
 .box {
+  margin-top: 1%;
   width: 100%;
-  /*
-  transform: translate(-100%, 0%);
-  */
   transition: all .2s ease; }
 
 .box.blue {
   background: #1881CB; }
 
 .box.red {
   background: #AD3137; }
 
 .box.black {
   background: #424242; }
 
 .circle-pagination {
+  min-width: 800px;
   position: absolute;
   z-index: 1000;
-  left: 16px;
-  top: 16px;
+  left: 0rem;
+  top: 1rem;
   list-style-type: none;
   padding: 0;
   margin: 0; }
 
 .circle-pagination li {
   border-radius: 50%;
   border: 2px solid #fff;
   width: 12px;
   height: 12px;
   padding: 4px;
   margin: 6px;
   cursor: pointer;
   float: left;
   transition: all .2s ease; }
 
 .circle-pagination li.active,
 .circle-pagination li:hover {
   background: #fff;
   width: 14px;
   height: 14px; }
 
 .circle-pagination li div {
-  width: 28px;
+  font-size: .7rem;
+  width: 24px;
   position: relative;
   left: -6px;
   top: -22px;
   color: white;
   text-transform: capitalize; }
 
 h1 {
   font-size: 30px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 300;
   text-align: center;
   margin-bottom: 15px; }
 
 table {
   width: 100%;
   table-layout: fixed; }
 
 .tbl-header {
   background-color: rgba(255, 255, 255, 0.3); }
 
+.tbl-header div.tbl-header {
+  max-width: 5rem; }
+
 .tbl-content {
-  height: 300px;
+  height: 450px;
   overflow-x: auto;
   margin-top: 0px;
   border: 1px solid rgba(255, 255, 255, 0.3); }
 
 th {
-  padding: 20px 15px;
-  text-align: left;
+  padding: 15px 5px;
+  text-align: center;
   font-weight: 500;
-  font-size: 12px;
+  font-size: .75rem;
   color: #fff;
   text-transform: uppercase; }
 
 td {
   transition: all .5s ease;
   padding: 15px;
-  text-align: left;
+  text-align: center;
   vertical-align: top;
   font-weight: 300;
   font-size: 12px;
   color: #fff;
   border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
 
 section {
   margin: 50px; }
 
 /* for custom scrollbar for webkit browser*/
 ::-webkit-scrollbar {
-  width: 6px; }
+  width: 8px; }
 
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
 
 ::-webkit-scrollbar-thumb {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
 
 .hideextra {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; }
diff --git a/shrine-webclient/src/main/js/client/js-shrine/export/config.js b/shrine-webclient/src/main/js/client/js-shrine/export/config.js
index 319b6af31..2ed927213 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/export/config.js
+++ b/shrine-webclient/src/main/js/client/js-shrine/export/config.js
@@ -1,327 +1,327 @@
 System.config({
   defaultJSExtensions: true,
   transpiler: false,
   paths: {
     "*": "dist/*",
     "github:*": "jspm_packages/github/*",
     "npm:*": "jspm_packages/npm/*"
   },
   map: {
     "aurelia-animator-css": "npm:aurelia-animator-css@1.0.1",
     "aurelia-bootstrapper": "npm:aurelia-bootstrapper@1.0.0",
     "aurelia-fetch-client": "npm:aurelia-fetch-client@1.0.1",
     "aurelia-framework": "npm:aurelia-framework@1.0.6",
     "aurelia-history-browser": "npm:aurelia-history-browser@1.0.0",
     "aurelia-loader-default": "npm:aurelia-loader-default@1.0.0",
     "aurelia-logging-console": "npm:aurelia-logging-console@1.0.0",
     "aurelia-pal-browser": "npm:aurelia-pal-browser@1.0.0",
     "aurelia-polyfills": "npm:aurelia-polyfills@1.1.1",
     "aurelia-router": "npm:aurelia-router@1.0.6",
     "aurelia-templating-binding": "npm:aurelia-templating-binding@1.0.0",
     "aurelia-templating-resources": "npm:aurelia-templating-resources@1.1.1",
     "aurelia-templating-router": "npm:aurelia-templating-router@1.0.0",
     "bluebird": "npm:bluebird@3.4.1",
     "bootstrap": "github:twbs/bootstrap@3.3.7",
     "fetch": "github:github/fetch@1.0.0",
     "font-awesome": "npm:font-awesome@4.6.3",
     "jquery": "npm:jquery@2.2.4",
     "text": "github:systemjs/plugin-text@0.0.8",
     "github:jspm/nodelibs-assert@0.1.0": {
       "assert": "npm:assert@1.4.1"
     },
     "github:jspm/nodelibs-buffer@0.1.0": {
       "buffer": "npm:buffer@3.6.0"
     },
     "github:jspm/nodelibs-process@0.1.2": {
       "process": "npm:process@0.11.9"
     },
     "github:jspm/nodelibs-util@0.1.0": {
       "util": "npm:util@0.10.3"
     },
     "github:jspm/nodelibs-vm@0.1.0": {
       "vm-browserify": "npm:vm-browserify@0.0.4"
     },
     "github:twbs/bootstrap@3.3.7": {
       "jquery": "npm:jquery@2.2.4"
     },
     "npm:assert@1.4.1": {
       "assert": "github:jspm/nodelibs-assert@0.1.0",
       "buffer": "github:jspm/nodelibs-buffer@0.1.0",
       "process": "github:jspm/nodelibs-process@0.1.2",
       "util": "npm:util@0.10.3"
     },
     "npm:aurelia-animator-css@1.0.1": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-binding@1.0.9": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0"
     },
     "npm:aurelia-bootstrapper@1.0.0": {
       "aurelia-event-aggregator": "npm:aurelia-event-aggregator@1.0.0",
       "aurelia-framework": "npm:aurelia-framework@1.0.6",
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-history-browser": "npm:aurelia-history-browser@1.0.0",
       "aurelia-loader-default": "npm:aurelia-loader-default@1.0.0",
       "aurelia-logging-console": "npm:aurelia-logging-console@1.0.0",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-pal-browser": "npm:aurelia-pal-browser@1.0.0",
       "aurelia-polyfills": "npm:aurelia-polyfills@1.1.1",
       "aurelia-router": "npm:aurelia-router@1.0.6",
       "aurelia-templating": "npm:aurelia-templating@1.1.1",
       "aurelia-templating-binding": "npm:aurelia-templating-binding@1.0.0",
       "aurelia-templating-resources": "npm:aurelia-templating-resources@1.1.1",
       "aurelia-templating-router": "npm:aurelia-templating-router@1.0.0"
     },
     "npm:aurelia-dependency-injection@1.1.0": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-event-aggregator@1.0.0": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0"
     },
     "npm:aurelia-framework@1.0.6": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-history-browser@1.0.0": {
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-loader-default@1.0.0": {
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-loader@1.0.0": {
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-path": "npm:aurelia-path@1.1.1"
     },
     "npm:aurelia-logging-console@1.0.0": {
       "aurelia-logging": "npm:aurelia-logging@1.0.0"
     },
     "npm:aurelia-metadata@1.0.1": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-pal-browser@1.0.0": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-polyfills@1.1.1": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-route-recognizer@1.1.0": {
       "aurelia-path": "npm:aurelia-path@1.1.1"
     },
     "npm:aurelia-router@1.0.6": {
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-event-aggregator": "npm:aurelia-event-aggregator@1.0.0",
       "aurelia-history": "npm:aurelia-history@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-route-recognizer": "npm:aurelia-route-recognizer@1.1.0"
     },
     "npm:aurelia-task-queue@1.1.0": {
       "aurelia-pal": "npm:aurelia-pal@1.0.0"
     },
     "npm:aurelia-templating-binding@1.0.0": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating-resources@1.1.1": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating-router@1.0.0": {
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-router": "npm:aurelia-router@1.0.6",
       "aurelia-templating": "npm:aurelia-templating@1.1.1"
     },
     "npm:aurelia-templating@1.1.1": {
       "aurelia-binding": "npm:aurelia-binding@1.0.9",
       "aurelia-dependency-injection": "npm:aurelia-dependency-injection@1.1.0",
       "aurelia-loader": "npm:aurelia-loader@1.0.0",
       "aurelia-logging": "npm:aurelia-logging@1.0.0",
       "aurelia-metadata": "npm:aurelia-metadata@1.0.1",
       "aurelia-pal": "npm:aurelia-pal@1.0.0",
       "aurelia-path": "npm:aurelia-path@1.1.1",
       "aurelia-task-queue": "npm:aurelia-task-queue@1.1.0"
     },
     "npm:bluebird@3.4.1": {
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:buffer@3.6.0": {
       "base64-js": "npm:base64-js@0.0.8",
       "child_process": "github:jspm/nodelibs-child_process@0.1.0",
       "fs": "github:jspm/nodelibs-fs@0.1.2",
       "ieee754": "npm:ieee754@1.1.8",
       "isarray": "npm:isarray@1.0.0",
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:font-awesome@4.6.3": {
       "css": "github:systemjs/plugin-css@0.1.31"
     },
     "npm:inherits@2.0.1": {
       "util": "github:jspm/nodelibs-util@0.1.0"
     },
     "npm:process@0.11.9": {
       "assert": "github:jspm/nodelibs-assert@0.1.0",
       "fs": "github:jspm/nodelibs-fs@0.1.2",
       "vm": "github:jspm/nodelibs-vm@0.1.0"
     },
     "npm:util@0.10.3": {
       "inherits": "npm:inherits@2.0.1",
       "process": "github:jspm/nodelibs-process@0.1.2"
     },
     "npm:vm-browserify@0.0.4": {
       "indexof": "npm:indexof@0.0.1"
     }
   },
-  depCache: {
-    "views/mailto/mailto.js": [
-      "aurelia-framework",
-      "views/mailto/mailto.service",
-      "views/mailto/mailto.config"
-    ],
-    "views/mailto/mailto.service.js": [
-      "aurelia-framework",
-      "aurelia-fetch-client",
-      "fetch"
-    ],
-    "views/query-viewer/query-viewer.js": [
-      "aurelia-framework",
-      "views/query-viewer/query-viewer.service"
-    ],
-    "views/query-viewer/query-viewer.service.js": [
-      "aurelia-framework",
-      "aurelia-fetch-client",
-      "fetch"
-    ]
-  },
   bundles: {
     "app-build.js": [
       "main.js",
       "repository/pm-repository.js",
       "shell.html!github:systemjs/plugin-text@0.0.8.js",
       "shell.js",
       "views/mailto/mailto.config.js",
       "views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",
       "views/mailto/mailto.js",
       "views/mailto/mailto.service.js",
       "views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",
       "views/query-viewer/query-table.js",
       "views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",
       "views/query-viewer/query-viewer.js",
       "views/query-viewer/query-viewer.service.js"
     ],
     "aurelia.js": [
       "github:github/fetch@1.0.0.js",
       "github:github/fetch@1.0.0/fetch.js",
       "npm:aurelia-binding@1.0.9.js",
       "npm:aurelia-binding@1.0.9/aurelia-binding.js",
       "npm:aurelia-bootstrapper@1.0.0.js",
       "npm:aurelia-bootstrapper@1.0.0/aurelia-bootstrapper.js",
       "npm:aurelia-dependency-injection@1.1.0.js",
       "npm:aurelia-dependency-injection@1.1.0/aurelia-dependency-injection.js",
       "npm:aurelia-event-aggregator@1.0.0.js",
       "npm:aurelia-event-aggregator@1.0.0/aurelia-event-aggregator.js",
       "npm:aurelia-fetch-client@1.0.1.js",
       "npm:aurelia-fetch-client@1.0.1/aurelia-fetch-client.js",
       "npm:aurelia-framework@1.0.6.js",
       "npm:aurelia-framework@1.0.6/aurelia-framework.js",
       "npm:aurelia-history-browser@1.0.0.js",
       "npm:aurelia-history-browser@1.0.0/aurelia-history-browser.js",
       "npm:aurelia-history@1.0.0.js",
       "npm:aurelia-history@1.0.0/aurelia-history.js",
       "npm:aurelia-loader-default@1.0.0.js",
       "npm:aurelia-loader-default@1.0.0/aurelia-loader-default.js",
       "npm:aurelia-loader@1.0.0.js",
       "npm:aurelia-loader@1.0.0/aurelia-loader.js",
       "npm:aurelia-logging-console@1.0.0.js",
       "npm:aurelia-logging-console@1.0.0/aurelia-logging-console.js",
       "npm:aurelia-logging@1.0.0.js",
       "npm:aurelia-logging@1.0.0/aurelia-logging.js",
       "npm:aurelia-metadata@1.0.1.js",
       "npm:aurelia-metadata@1.0.1/aurelia-metadata.js",
       "npm:aurelia-pal-browser@1.0.0.js",
       "npm:aurelia-pal-browser@1.0.0/aurelia-pal-browser.js",
       "npm:aurelia-pal@1.0.0.js",
       "npm:aurelia-pal@1.0.0/aurelia-pal.js",
       "npm:aurelia-path@1.1.1.js",
       "npm:aurelia-path@1.1.1/aurelia-path.js",
       "npm:aurelia-polyfills@1.1.1.js",
       "npm:aurelia-polyfills@1.1.1/aurelia-polyfills.js",
       "npm:aurelia-route-recognizer@1.1.0.js",
       "npm:aurelia-route-recognizer@1.1.0/aurelia-route-recognizer.js",
       "npm:aurelia-router@1.0.6.js",
       "npm:aurelia-router@1.0.6/aurelia-router.js",
       "npm:aurelia-task-queue@1.1.0.js",
       "npm:aurelia-task-queue@1.1.0/aurelia-task-queue.js",
       "npm:aurelia-templating-binding@1.0.0.js",
       "npm:aurelia-templating-binding@1.0.0/aurelia-templating-binding.js",
       "npm:aurelia-templating-resources@1.1.1.js",
       "npm:aurelia-templating-resources@1.1.1/abstract-repeater.js",
       "npm:aurelia-templating-resources@1.1.1/analyze-view-factory.js",
       "npm:aurelia-templating-resources@1.1.1/array-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/attr-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/aurelia-hide-style.js",
       "npm:aurelia-templating-resources@1.1.1/aurelia-templating-resources.js",
       "npm:aurelia-templating-resources@1.1.1/binding-mode-behaviors.js",
       "npm:aurelia-templating-resources@1.1.1/binding-signaler.js",
       "npm:aurelia-templating-resources@1.1.1/compose.js",
       "npm:aurelia-templating-resources@1.1.1/css-resource.js",
       "npm:aurelia-templating-resources@1.1.1/debounce-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/dynamic-element.js",
       "npm:aurelia-templating-resources@1.1.1/focus.js",
       "npm:aurelia-templating-resources@1.1.1/hide.js",
       "npm:aurelia-templating-resources@1.1.1/html-resource-plugin.js",
       "npm:aurelia-templating-resources@1.1.1/html-sanitizer.js",
       "npm:aurelia-templating-resources@1.1.1/if.js",
       "npm:aurelia-templating-resources@1.1.1/map-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/null-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/number-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/repeat-strategy-locator.js",
       "npm:aurelia-templating-resources@1.1.1/repeat-utilities.js",
       "npm:aurelia-templating-resources@1.1.1/repeat.js",
       "npm:aurelia-templating-resources@1.1.1/replaceable.js",
       "npm:aurelia-templating-resources@1.1.1/sanitize-html.js",
       "npm:aurelia-templating-resources@1.1.1/set-repeat-strategy.js",
       "npm:aurelia-templating-resources@1.1.1/show.js",
       "npm:aurelia-templating-resources@1.1.1/signal-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/throttle-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/update-trigger-binding-behavior.js",
       "npm:aurelia-templating-resources@1.1.1/with.js",
       "npm:aurelia-templating-router@1.0.0.js",
       "npm:aurelia-templating-router@1.0.0/aurelia-templating-router.js",
       "npm:aurelia-templating-router@1.0.0/route-href.js",
       "npm:aurelia-templating-router@1.0.0/route-loader.js",
       "npm:aurelia-templating-router@1.0.0/router-view.js",
       "npm:aurelia-templating@1.1.1.js",
       "npm:aurelia-templating@1.1.1/aurelia-templating.js",
       "npm:jquery@2.2.4.js",
       "npm:jquery@2.2.4/dist/jquery.js"
     ]
+  },
+  depCache: {
+    "views/mailto/mailto.js": [
+      "aurelia-framework",
+      "views/mailto/mailto.service",
+      "views/mailto/mailto.config"
+    ],
+    "views/mailto/mailto.service.js": [
+      "aurelia-framework",
+      "aurelia-fetch-client",
+      "fetch"
+    ],
+    "views/query-viewer/query-viewer.js": [
+      "aurelia-framework",
+      "views/query-viewer/query-viewer.service"
+    ],
+    "views/query-viewer/query-viewer.service.js": [
+      "aurelia-framework",
+      "aurelia-fetch-client",
+      "fetch"
+    ]
   }
 });
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/export/dist/app-build.js b/shrine-webclient/src/main/js/client/js-shrine/export/dist/app-build.js
index 1002f5b86..0bffee439 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/export/dist/app-build.js
+++ b/shrine-webclient/src/main/js/client/js-shrine/export/dist/app-build.js
@@ -1 +1 @@
-"bundle";System.register("main.js",[],function(a,b){"use strict";function c(a){a.use.standardConfiguration().developmentLogging(),a.start().then(function(){return a.setRoot("shell")})}return a("configure",c),{setters:[],execute:function(){}}}),System.register("repository/pm-repository.js",[],function(a,b){"use strict";return{setters:[],execute:function(){}}}),function(){var a=System.amdDefine;a("shell.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return"<template><!--compose view-model='views/mailto/mailto'>\n\t</compose--><compose view-model=\"views/query-viewer/query-viewer\"></compose></template>"})}(),System.register("shell.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("Shell",d=function b(){c(this,b)}),a("Shell",d)}}}),function(){var a=System.amdDefine;a("views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="content mailto-hidden"><p>If you have questions about your query results or this SHRINE network, contact the Data Steward at your site.</p><div class="email js-email"><button class="button button--large js-button" click.delegate="openEmail()">Email Data Steward</button></div></div></template>'})}(),System.register("views/mailto/mailto.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),a("MailToService",(g=d(e),i=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchStewardEmail=function(){return this.http.fetch("data?key=stewardEmail").then(function(a){return a.json()}).then(function(a){return a.indexOf('"')>0?a.split('"')[1]:a})["catch"](function(){return""})},f(a,[{key:"url",get:function(){var a="6443",b=document.URL,c="/shrine-metadata/";return b.substring(0,b.indexOf(a)+a.length)+c}}]),a}())||h)),a("MailToService",i)}}}),System.register("views/mailto/mailto.config.js",[],function(a,b){"use strict";var c;return{setters:[],execute:function(){a("MailConfig",c={mailto:"mailto:",subject:"subject="+encodeURIComponent("Question from a SHRINE User"),body:encodeURIComponent("Please enter the suggested information and your question. Your data steward will reply to this email.\n\n***Never send patient information, passwords, or other sensitive information by email****\nName:\nTitle:\nUser name (to log into SHRINE):\nTelephone Number (optional):\nPreferred email address (optional):\n\nQuestion or Comment:")}),a("MailConfig",c)}}}),System.register("views/mailto/mailto.js",["aurelia-framework","views/mailto/mailto.service","views/mailto/mailto.config"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.MailToService},function(a){f=a.MailConfig}],execute:function(){a("MailTo",(g=d(e,f),i=g(h=function(){function a(b,d){c(this,a),this.service=b,this.config=d}return a.prototype.openEmail=function(){var a=this;this.service.fetchStewardEmail().then(function(b){return window.top.location=a.getComposition(b),a})},a.prototype.getComposition=function(a){return this.config.mailto+a+"?"+this.config.subject+"&"+this.config.body},a}())||h)),a("MailTo",i)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="box-wrapper"><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 1</th><th>Node 2</th><th>Node 3</th><th>Node 4</th><th>Node 5</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 6</th><th>Node 7</th><th>Node 8</th><th>Node 9</th><th>Node 10</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-table.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("QueryTable",d=function b(){c(this,b)}),a("QueryTable",d)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? \'active\' : \'\'}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th repeat.for="node of screen.nodes">${node}</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-viewer.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewerService",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchPreviousQueries=function(){return this.http.fetch("previous-queries").then(function(a){return a.json()})["catch"](function(a){return a})},a.prototype.getNodes=function(a){return a.length>0?a[0].results.map(function(a){return a.node}):[]},a.prototype.getScreens=function(a,b){return new Promise(function(c,d){for(var e=a.length,f=[],g=function(c){var d=c+i<e?c+i:e-1,g=String(a[c]).substr(0,1)+"-"+String(a[d]).substr(0,1),h=a.slice(c,d),j=b.map(function(a){return{id:a.id,name:a.name,results:a.results.slice(c,d)}});f.push({name:g,nodes:h,queries:j})},h=0;h<e;h+=i)g(h);c(f)})},f(a,[{key:"url",get:function(){var a="8000",b=document.URL,c="6443/shrine-proxy/request/shrine/api/";return b.substring(0,b.indexOf(a))+c}}]),a}())||h)),a("QueryViewerService",j)}}}),System.register("views/query-viewer/query-viewer.js",["aurelia-framework","views/query-viewer/query-viewer.service"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.QueryViewerService}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewer",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),this.screenIndex=0,this.service=b,this.service.fetchPreviousQueries().then(function(a){var c=a.queries,e=d.service.getNodes(c);return b.getScreens(e,c)}).then(function(a){d.screens=a})["catch"](function(a){return console.log(a)})}return f(a,[{key:"slidePct",get:function(){return String(-100*this.screenIndex)+"%"}}]),a}())||h)),a("QueryViewer",j)}}});
\ No newline at end of file
+"bundle";System.register("main.js",[],function(a,b){"use strict";function c(a){a.use.standardConfiguration().developmentLogging(),a.start().then(function(){return a.setRoot("shell")})}return a("configure",c),{setters:[],execute:function(){}}}),System.register("repository/pm-repository.js",[],function(a,b){"use strict";return{setters:[],execute:function(){}}}),function(){var a=System.amdDefine;a("shell.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return"<template><!--compose view-model='views/mailto/mailto'>\n\t</compose--><compose view-model=\"views/query-viewer/query-viewer\"></compose></template>"})}(),System.register("shell.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("Shell",d=function b(){c(this,b)}),a("Shell",d)}}}),function(){var a=System.amdDefine;a("views/mailto/mailto.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="content mailto-hidden"><p>If you have questions about your query results or this SHRINE network, contact the Data Steward at your site.</p><div class="email js-email"><button class="button button--large js-button" click.delegate="openEmail()">Email Data Steward</button></div></div></template>'})}(),System.register("views/mailto/mailto.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),a("MailToService",(g=d(e),i=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchStewardEmail=function(){return this.http.fetch("data?key=stewardEmail").then(function(a){return a.json()}).then(function(a){return a.indexOf('"')>0?a.split('"')[1]:a})["catch"](function(){return""})},f(a,[{key:"url",get:function(){var a="6443",b=document.URL,c="/shrine-metadata/";return b.substring(0,b.indexOf(a)+a.length)+c}}]),a}())||h)),a("MailToService",i)}}}),System.register("views/mailto/mailto.config.js",[],function(a,b){"use strict";var c;return{setters:[],execute:function(){a("MailConfig",c={mailto:"mailto:",subject:"subject="+encodeURIComponent("Question from a SHRINE User"),body:encodeURIComponent("Please enter the suggested information and your question. Your data steward will reply to this email.\n\n***Never send patient information, passwords, or other sensitive information by email****\nName:\nTitle:\nUser name (to log into SHRINE):\nTelephone Number (optional):\nPreferred email address (optional):\n\nQuestion or Comment:")}),a("MailConfig",c)}}}),System.register("views/mailto/mailto.js",["aurelia-framework","views/mailto/mailto.service","views/mailto/mailto.config"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i;return{setters:[function(a){d=a.inject},function(a){e=a.MailToService},function(a){f=a.MailConfig}],execute:function(){a("MailTo",(g=d(e,f),i=g(h=function(){function a(b,d){c(this,a),this.service=b,this.config=d}return a.prototype.openEmail=function(){var a=this;this.service.fetchStewardEmail().then(function(b){return window.top.location=a.getComposition(b),a})},a.prototype.getComposition=function(a){return this.config.mailto+a+"?"+this.config.subject+"&"+this.config.body},a}())||h)),a("MailTo",i)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-table.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><div class="box-wrapper"><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 1</th><th>Node 2</th><th>Node 3</th><th>Node 4</th><th>Node 5</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div><div class="box"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th></th><th>Node 6</th><th>Node 7</th><th>Node 8</th><th>Node 9</th><th>Node 10</th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><th><div class="hideextra">Query 1</div></th><td>46 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 2</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 3</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 4</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 5</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 6</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 7</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 8</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr><tr><th><div class="hideextra">Query 9</div></th><td>45 +- 10 patients</td><td>15 +- 10 patients</td><td>4500 +- 10 patients</td><td>17 +- 10 patients</td><td>33 +- 10 patients</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-table.js",[],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d;return{setters:[],execute:function(){a("QueryTable",d=function b(){c(this,b)}),a("QueryTable",d)}}}),function(){var a=System.amdDefine;a("views/query-viewer/query-viewer.html!github:systemjs/plugin-text@0.0.8.js",[],function(){return'<template><ul class="circle-pagination"><li repeat.for="screen of screens" class="${screenIndex === $index? \'active\' : \'\'}" click.delegate="screenIndex = $index"><div>${screen.name}</div></li></ul><div class="box-wrapper"><div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)"><section><!--for demo wrap--><!--h1>Fixed Table header</h1--><div><table cellpadding="0" cellspacing="0" border="0"><thead><tr><th class="tbl-header"></th><th repeat.for="node of screen.nodes" class="tbl-header"><div class="hideextra">${node}</div></th></tr></thead></table></div><div class="tbl-content"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr repeat.for="query of screen.queries"><th><div class="hideextra">${query.name}</div></th><td repeat.for="result of query.results">${result.result}</td></tr></tbody></table></div></section></div></div></template>'})}(),System.register("views/query-viewer/query-viewer.service.js",["aurelia-framework","aurelia-fetch-client","fetch"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.HttpClient},function(a){}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewerService",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),b.configure(function(a){a.useStandardConfiguration().withBaseUrl(d.url)}),this.http=b}return a.prototype.fetchPreviousQueries=function(){return this.http.fetch("previous-queries").then(function(a){return a.json()})["catch"](function(a){return a})},a.prototype.getNodes=function(a){return a.length>0?a[0].results.map(function(a){return a.node}):[]},a.prototype.getScreens=function(a,b){return new Promise(function(c,d){for(var e=a.length,f=[],g=function(c){var d=c+i<e?c+i:e-1,g=String(a[c]).substr(0,1)+"-"+String(a[d]).substr(0,1),h=a.slice(c,d),j=b.map(function(a){return{id:a.id,name:a.name,results:a.results.slice(c,d)}});f.push({name:g,nodes:h,queries:j})},h=0;h<e;h+=i)g(h);c(f)})},f(a,[{key:"url",get:function(){var a="8000",b=document.URL,c="6443/shrine-proxy/request/shrine/api/";return b.substring(0,b.indexOf(a))+c}}]),a}())||h)),a("QueryViewerService",j)}}}),System.register("views/query-viewer/query-viewer.js",["aurelia-framework","views/query-viewer/query-viewer.service"],function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var d,e,f,g,h,i,j;return{setters:[function(a){d=a.inject},function(a){e=a.QueryViewerService}],execute:function(){f=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),i=5,a("QueryViewer",(g=d(e),j=g(h=function(){function a(b){var d=this;c(this,a),this.screenIndex=0,this.service=b,this.service.fetchPreviousQueries().then(function(a){var c=a.queries,e=d.service.getNodes(c);return b.getScreens(e,c)}).then(function(a){d.screens=a})["catch"](function(a){return console.log(a)})}return f(a,[{key:"slidePct",get:function(){return String(-100*this.screenIndex)+"%"}}]),a}())||h)),a("QueryViewer",j)}}});
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.html b/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.html
index f03d362cc..7abe420e0 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.html
+++ b/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.html
@@ -1,44 +1,45 @@
 <template>
     <ul class="circle-pagination">
         <li repeat.for="screen of screens" 
         class="${screenIndex === $index? 'active' : ''}"
         click.delegate="screenIndex = $index">
             <div>${screen.name}</div>
         </li>
     </ul>
     <div class="box-wrapper">
         <div class="box" repeat.for="screen of screens" style="transform: translate(${slidePct}, 0%)">
             <section>
                 <!--for demo wrap-->
                 <!--h1>Fixed Table header</h1-->
                 <div>
                     <table cellpadding="0" cellspacing="0" border="0">
                         <thead>
                             <tr>
-                                <th></th>
-                                <th repeat.for="node of screen.nodes">
-                                    ${node}
+                                <th class="tbl-header">
+                                </th>
+                                <th repeat.for="node of screen.nodes" class="tbl-header">
+                                    <div class="hideextra">${node}</div>
                                 </th>
                             </tr>
                         </thead>
                     </table>
                 </div>
 
                 <div class="tbl-content">
                     <table cellpadding="0" cellspacing="0" border="0">
                         <tbody>
                             <tr repeat.for="query of screen.queries">
                                 <th>
                                     <div class="hideextra">${query.name}</div>
                                 </th>
                                 <td repeat.for="result of query.results">
                                     ${result.result}
                                 </td>
                             </tr>
                         </tbody>
                     </table>
                 </div>
             </section>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.scss b/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.scss
index 2e5173410..f27a16148 100644
--- a/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.scss
+++ b/shrine-webclient/src/main/js/client/js-shrine/src/views/query-viewer/query-viewer.scss
@@ -1,147 +1,155 @@
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
 body{
   overflow: hidden;
-  background: -webkit-linear-gradient(left, #25c481, #25b7c4);
-  background: linear-gradient(to right, #25c481, #25b7c4);
+  /*background: -webkit-linear-gradient(left, #6B73A2, #9BB5DA);
+  background: linear-gradient(to bottom, #6B73A2, #9BB5DA);*/
+  background: #6B73A2;
   font-family: 'Roboto', sans-serif;
 }
 html,
 body,
 .box-wrapper{
   width: 100%;
   height: 100%;
   margin: 0;
 }
 
 
 .box-wrapper{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
 
 .box {
+  margin-top: 1%;
   width: 100%;
-  /*
-  transform: translate(-100%, 0%);
-  */
   transition: all .2s ease;
 }
 
 .box.blue {
   background: #1881CB;
 }
 .box.red {
   background: #AD3137;
 }
 .box.black {
   background: #424242;
 }
 
 
 .circle-pagination {
+  min-width: 800px;
   position: absolute;
   z-index: 1000;
-  left: 16px;
-  top: 16px;
+  left: 0rem;
+  top: 1rem;
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
 .circle-pagination li {
   border-radius: 50%;
   border: 2px solid #fff;
   width: 12px;
   height: 12px;
   padding: 4px;
   margin: 6px;
   cursor: pointer;
   float: left;
   transition: all .2s ease;
 }
 .circle-pagination li.active, 
 .circle-pagination li:hover {
   background: #fff;
   width: 14px;
   height:14px;
 }
 
 .circle-pagination li div{
-  width: 28px; 
+  font-size: .7rem;
+  width: 24px; 
   position: relative; 
   left: -6px; 
   top: -22px; 
   color: white; 
   text-transform: capitalize; 
 }
 
 h1{
   font-size: 30px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 300;
   text-align: center;
   margin-bottom: 15px;
 }
 table{
   width:100%;
   table-layout: fixed;
 }
 .tbl-header{
   background-color: rgba(255,255,255,0.3);
  }
 
-.tbl-header td{
-  
+
+.tbl-header div.tbl-header{
+  max-width: 5rem;
 }
 .tbl-content{
-  height:300px;
+
+  height: 450px;
   overflow-x:auto;
   margin-top: 0px;
   border: 1px solid rgba(255,255,255,0.3);
 }
+
 th{
-  padding: 20px 15px;
-  text-align: left;
+  padding: 15px 5px;
+  text-align: center;
   font-weight: 500;
-  font-size: 12px;
+  font-size: .75rem;
   color: #fff;
   text-transform: uppercase;
 }
 
 
 td{
   transition: all .5s ease;
   padding: 15px;
-  text-align: left;
+  text-align: center;
   vertical-align: top;
   font-weight: 300;
   font-size: 12px;
   color: #fff;
   border-bottom: solid 1px rgba(255,255,255,0.1);
 }
 
 section{
   margin: 50px;
 }
 
 /* for custom scrollbar for webkit browser*/
 
 ::-webkit-scrollbar {
-    width: 6px;
+    width: 8px;
 } 
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 } 
 ::-webkit-scrollbar-thumb {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 }
 
-.hideextra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
+.hideextra { 
+  white-space: nowrap; 
+  overflow: hidden; 
+  text-overflow:ellipsis;
+}