diff --git a/dashboard-ui/bower_components/get-style-property/.bower.json b/dashboard-ui/bower_components/get-style-property/.bower.json
index 973f1966c0..d943fa3b04 100644
--- a/dashboard-ui/bower_components/get-style-property/.bower.json
+++ b/dashboard-ui/bower_components/get-style-property/.bower.json
@@ -31,6 +31,6 @@
     "commit": "34fc5e4a0f252964ed2790138b8d7d30d04b55c1"
   },
   "_source": "git://github.com/desandro/get-style-property.git",
-  "_target": "1.x",
+  "_target": "~1.0.4",
   "_originalSource": "get-style-property"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/iron-flex-layout/.bower.json b/dashboard-ui/bower_components/iron-flex-layout/.bower.json
index a721fedfef..846bf5c150 100644
--- a/dashboard-ui/bower_components/iron-flex-layout/.bower.json
+++ b/dashboard-ui/bower_components/iron-flex-layout/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "iron-flex-layout",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Provide flexbox-based layouts",
   "keywords": [
     "web-components",
@@ -28,14 +28,14 @@
     "iron-component-page": "polymerelements/iron-component-page#^1.0.0"
   },
   "ignore": [],
-  "homepage": "https://github.com/PolymerElements/iron-flex-layout",
-  "_release": "1.2.1",
+  "homepage": "https://github.com/polymerelements/iron-flex-layout",
+  "_release": "1.2.2",
   "_resolution": {
     "type": "version",
-    "tag": "v1.2.1",
-    "commit": "ebda425d92e20af300e2e175e5ef234b89a32486"
+    "tag": "v1.2.2",
+    "commit": "41c4f35be1368afb770312b907a258175565dbdf"
   },
-  "_source": "git://github.com/PolymerElements/iron-flex-layout.git",
+  "_source": "git://github.com/polymerelements/iron-flex-layout.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-flex-layout"
+  "_originalSource": "polymerelements/iron-flex-layout"
 }
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/iron-flex-layout/bower.json b/dashboard-ui/bower_components/iron-flex-layout/bower.json
index 8d020dbe75..3a96d32aa9 100644
--- a/dashboard-ui/bower_components/iron-flex-layout/bower.json
+++ b/dashboard-ui/bower_components/iron-flex-layout/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "iron-flex-layout",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Provide flexbox-based layouts",
   "keywords": [
     "web-components",
diff --git a/dashboard-ui/bower_components/iron-flex-layout/demo/index.html b/dashboard-ui/bower_components/iron-flex-layout/demo/index.html
index 1c8f5617de..c5127b2f02 100644
--- a/dashboard-ui/bower_components/iron-flex-layout/demo/index.html
+++ b/dashboard-ui/bower_components/iron-flex-layout/demo/index.html
@@ -52,12 +52,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo1 {
+          .flex {
             @apply(--layout-horizontal);
           }
         </style>
 
-        <div class="container" id="demo1">
+        <div class="container flex">
           <div>one</div>
           <div>two</div>
           <div>three</div>
@@ -71,7 +71,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo2 {
+          .flex-horizontal {
             @apply(--layout-horizontal);
           }
           .flexchild {
@@ -79,7 +79,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           }
         </style>
 
-        <div class="container" id="demo2">
+        <div class="container flex-horizontal">
           <div>one</div>
           <div class="flexchild">two (flex)</div>
           <div>three</div>
@@ -93,17 +93,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo3 {
+          .flex-vertical {
             @apply(--layout-vertical);
+            height: 220px;
           }
-          .flexchild {
+          .flexchild-vertical {
             @apply(--layout-flex);
           }
         </style>
 
-        <div class="container" id="demo3">
+        <div class="container flex-vertical">
           <div>one</div>
-          <div class="flexchild">two (flex)</div>
+          <div class="flexchild-vertical">two (flex)</div>
           <div>three</div>
         </div>
       </template>
@@ -115,7 +116,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo4 {
+          .flex-horizontal-with-ratios {
             @apply(--layout-horizontal);
           }
           .flexchild {
@@ -129,7 +130,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           }
         </style>
 
-        <div class="container" id="demo4">
+        <div class="container flex-horizontal-with-ratios">
           <div class="flex3child">one</div>
           <div class="flexchild">two</div>
           <div class="flex2child">three</div>
@@ -138,19 +139,37 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     </demo-snippet>
   </div>
 
+  <h4>Cross-axis stretch alignment (default)</h4>
+  <div class="vertical-section">
+    <demo-snippet>
+      <template>
+        <style is="custom-style">
+          .flex-stretch-align {
+            @apply(--layout-horizontal);
+            height: 120px;
+          }
+        </style>
+
+        <div class="container flex-stretch-align">
+          <div>stretch</div>
+        </div>
+      </template>
+    </demo-snippet>
+  </div>
+
   <h4>Cross-axis center alignment</h4>
   <div class="vertical-section">
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo5 {
+          .flex-center-align {
             @apply(--layout-horizontal);
             @apply(--layout-center);
             height: 120px;
           }
         </style>
 
-        <div class="container" id="demo5">
+        <div class="container flex-center-align">
           <div>center</div>
         </div>
       </template>
@@ -162,14 +181,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo6 {
+          .flex-start-align {
             @apply(--layout-horizontal);
             @apply(--layout-start);
             height: 120px;
           }
         </style>
 
-        <div class="container" id="demo6">
+        <div class="container flex-start-align">
           <div>start</div>
         </div>
       </template>
@@ -181,14 +200,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo7 {
+          .flex-end-align {
             @apply(--layout-horizontal);
             @apply(--layout-end);
             height: 120px;
           }
         </style>
 
-        <div class="container" id="demo7">
+        <div class="container flex-end-align">
           <div>end</div>
         </div>
       </template>
@@ -200,13 +219,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo8 {
+          .flex-start-justified {
             @apply(--layout-horizontal);
             @apply(--layout-start-justified);
           }
         </style>
 
-        <div class="container" id="demo8">
+        <div class="container flex-start-justified">
           <div>start-justified</div>
         </div>
       </template>
@@ -218,13 +237,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo9 {
+          .flex-center-justified {
             @apply(--layout-horizontal);
             @apply(--layout-center-justified);
           }
         </style>
 
-        <div class="container" id="demo9">
+        <div class="container flex-center-justified">
           <div>center-justified</div>
         </div>
       </template>
@@ -236,13 +255,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo10 {
+          .flex-end-justified {
             @apply(--layout-horizontal);
             @apply(--layout-end-justified);
           }
         </style>
 
-        <div class="container" id="demo10">
+        <div class="container flex-end-justified">
           <div>end-justified</div>
         </div>
       </template>
@@ -254,13 +273,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo10 {
+          .flex-equal-justified {
             @apply(--layout-horizontal);
             @apply(--layout-justified);
           }
         </style>
 
-        <div class="container" id="demo10">
+        <div class="container flex-equal-justified">
           <div>justified</div>
           <div>justified</div>
           <div>justified</div>
@@ -274,13 +293,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo11 {
+          .flex-equal-around-justified {
             @apply(--layout-horizontal);
             @apply(--layout-around-justified);
           }
         </style>
 
-        <div class="container" id="demo11">
+        <div class="container flex-equal-around-justified">
           <div>around-justified</div>
           <div>around-justified</div>
         </div>
@@ -293,12 +312,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo12 {
+          .flex-self-align {
             @apply(--layout-horizontal);
             @apply(--layout-justified);
             height: 120px;
           }
-          #demo12 div {
+          .flex-self-align div {
             @apply(--layout-flex);
           }
           .child1 {
@@ -315,7 +334,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           }
         </style>
 
-        <div class="container" id="demo12">
+        <div class="container flex-self-align">
           <div class="child1">one</div>
           <div class="child2">two</div>
           <div class="child3">three</div>
@@ -330,14 +349,34 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo13 {
+          .flex-wrap {
             @apply(--layout-horizontal);
             @apply(--layout-wrap);
             width: 200px;
           }
         </style>
 
-        <div class="container" id="demo13">
+        <div class="container flex-wrap">
+          <div>one</div>
+          <div>two</div>
+          <div>three</div>
+          <div>four</div>
+        </div>
+      </template>
+    </demo-snippet>
+  </div>
+
+  <h4>Reversed layouts</h4>
+  <div class="vertical-section">
+    <demo-snippet>
+      <template>
+        <style is="custom-style">
+          .flex-reversed {
+            @apply(--layout-horizontal-reverse);
+          }
+        </style>
+
+        <div class="container flex-reversed">
           <div>one</div>
           <div>two</div>
           <div>three</div>
@@ -352,10 +391,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <demo-snippet>
       <template>
         <style is="custom-style">
-          #demo14 {
+          .general {
             width: 100%;
           }
-          #demo14 > div {
+          .general > div {
             background-color: #ccc;
             padding: 4px;
             margin: 12px;
@@ -374,7 +413,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           }
         </style>
 
-        <div id="demo14">
+        <div class="general">
           <div>Before <span>[A Span]</span> After</div>
           <div>Before <span class="block">[A Block Span]</span> After</div>
           <div>Before invisible span <span class="invisible">Not displayed</span> After invisible span</div>
diff --git a/dashboard-ui/bower_components/iron-flex-layout/iron-flex-layout.html b/dashboard-ui/bower_components/iron-flex-layout/iron-flex-layout.html
index 4e3fe6c83f..09b4657ad9 100644
--- a/dashboard-ui/bower_components/iron-flex-layout/iron-flex-layout.html
+++ b/dashboard-ui/bower_components/iron-flex-layout/iron-flex-layout.html
@@ -47,10 +47,7 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
     };
 
     --layout-horizontal: {
-      /* @apply(--layout); */
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
+      @apply(--layout);
 
       -ms-flex-direction: row;
       -webkit-flex-direction: row;
@@ -58,16 +55,15 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
     };
 
     --layout-horizontal-reverse: {
+      @apply(--layout);
+
       -ms-flex-direction: row-reverse;
       -webkit-flex-direction: row-reverse;
       flex-direction: row-reverse;
     };
 
     --layout-vertical: {
-      /* @apply(--layout); */
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
+      @apply(--layout);
 
       -ms-flex-direction: column;
       -webkit-flex-direction: column;
@@ -75,6 +71,8 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
     };
 
     --layout-vertical-reverse: {
+      @apply(--layout);
+
       -ms-flex-direction: column-reverse;
       -webkit-flex-direction: column-reverse;
       flex-direction: column-reverse;
@@ -231,13 +229,8 @@ A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
     };
 
     --layout-center-center: {
-      /* @apply(--layout-center --layout-center-justified); */
-      -ms-flex-align: center;
-      -webkit-align-items: center;
-      align-items: center;
-      -ms-flex-pack: center;
-      -webkit-justify-content: center;
-      justify-content: center;
+      @apply(--layout-center);
+      @apply(--layout-center-justified);
     };
 
     /* self alignment */
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/.bower.json b/dashboard-ui/bower_components/iron-form-element-behavior/.bower.json
index 6404c4ce6c..e09f62a160 100644
--- a/dashboard-ui/bower_components/iron-form-element-behavior/.bower.json
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/.bower.json
@@ -1,11 +1,9 @@
 {
   "name": "iron-form-element-behavior",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "license": "http://polymer.github.io/LICENSE.txt",
   "private": true,
-  "main": [
-    "iron-form-element-behavior.html"
-  ],
+  "main": "iron-form-element-behavior.html",
   "authors": [
     "The Polymer Authors"
   ],
@@ -24,17 +22,18 @@
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
-    "web-component-tester": "*",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.0.0"
+    "web-component-tester": "polymer/web-component-tester#^3.4.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
+  "ignore": [],
   "homepage": "https://github.com/PolymerElements/iron-form-element-behavior",
-  "_release": "1.0.5",
+  "_release": "1.0.6",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.5",
-    "commit": "52b16e14511a4b659658da705f5f4b2b45131941"
+    "tag": "v1.0.6",
+    "commit": "cf9e09ded62daf3363852ce98260aaad1ed0fae1"
   },
   "_source": "git://github.com/PolymerElements/iron-form-element-behavior.git",
   "_target": "^1.0.0",
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/.travis.yml b/dashboard-ui/bower_components/iron-form-element-behavior/.travis.yml
new file mode 100644
index 0000000000..6d4a6216ae
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/.travis.yml
@@ -0,0 +1,22 @@
+language: node_js
+sudo: false
+before_script:
+  - npm install web-component-tester
+  - npm install bower
+  - 'export PATH=$PWD/node_modules/.bin:$PATH'
+  - bower install
+env:
+  global:
+    - secure: EN5HtbAeaCE1IzGk5JlSq7GWcANh/zYgbpZn1y0VocfkZfzOv8cIh8Zmr4Q6shII6K07Fyx1LQuAjsURqX9mc3AmfMHgPIbpZGpOKrjvt1Vf0bPN+uIC9vIFj3sLQj12gcfJg48EXk6HWsHscCZ3+am1xvRflhNEY3TjHPrUTgkF+KLbBEfb4mCZwVc4dln76ffvTQ/cPI9eYczNp1q9wWpYvn794qRLtAkKuQ5Z1b6hunOAx/hzCjGNbJDO3gkxO68dzzSp9YDIhKEFAUlMDalwLRr7sNgB4sNeDCg4mmie5fe6xk831HvBYFxZxmXD1uS6/Hvd8MiBDiols3lwz8uEUnPyrwDlxUkjn2sl5S+gO8CcHU2mShUCl73JfBtyWDKPSfQLR5QHEk4eqNzNn2HinAE/aezi4/TVCY7P3ujeK8sFlTsb9vlywnlJO3fqyZ+lBwZ4CbNjOTs1L2W+guT1Oq30PJ5TVxU2mvmIMtdpPveZB0iM/PM9FECsb303KeV5Zomk4dp2MxirK1O/4mPAHIz9UUpGopGOtpuODnRV4Lq7V9HaDxYOZzAHZDK4mJ1y6tSRH/yMUTEidhG2j5F6MXmhbKXj3I0oR95xx1RH+b8myErvUBlto4jR21Pd+mOVlkU78CBSN9XGhtBQjklF5+aC8YeH1DEv6mTn2o8=
+    - secure: q3AjjaoaTZcdAdjIvzSf8Q1SdEg1mY6lBkeoDTMKJcftJ8zz1qIfjGzEuycSVVnOJhZ6WmvMMBxdThQCymF1wzT++SV+u34DYSFoZ5EhjM0TFhP63PRuhbE3DquPaISpM5aCH7epV4nMFD7PFE1BP4u/qiETAgPeAoY9LMT/JPclOfcQ3euwks3TSM6O8g7Ro1h1ElywCQ1souzkcjvJ3FxsqysJb7Mg/n9bmtwnkol/mrBaP6JzQMURUyswx7ZPj3qiFoA9ZLiNirzf+O781A4msKursjYrKr6TZtB6xcMlEg89YhFBXrLE9IEEM/fNp+vPNhaIA5VjYRy8iIK402RXpbh7/AlPD7yMFITeMSfT+Bqldur+pi0oN1N9SeWrmk6P+bdfdkdyGl1CVKP4S35z8cyFRgmvxO4/UG65cb66AdMeNVBEQsi2flCWgPyaTmOQ53YryCs7cFRu3zSMnU3F/gWqlmletgxGhFOBHTtEmr2A9QBLgg+EvB/83wj2dEEfMlIpoeq83/2PaE8hKAWyqPga7t532vU5AIFNOUk9vGzRCxsqGKF2j0/zFBdgHSLYCsWVrbjxmxdu6Fzi8ZATeqjDoc0eaIPhBkekOvDrUtUSHA9sSSG8j69GGUL4+WkoCMB74dz+GXz85fMJlMZWBXPtazDlNXYfU60T/1E=
+node_js: 4
+addons:
+  firefox: latest
+  apt:
+    sources:
+      - google-chrome
+    packages:
+      - google-chrome-stable
+script:
+  - xvfb-run wct
+  - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/CONTRIBUTING.md b/dashboard-ui/bower_components/iron-form-element-behavior/CONTRIBUTING.md
new file mode 100644
index 0000000000..7b10141565
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/CONTRIBUTING.md
@@ -0,0 +1,72 @@
+
+<!--
+This file is autogenerated based on
+https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
+
+If you edit that file, it will get updated everywhere else.
+If you edit this file, your changes will get overridden :)
+-->
+# Polymer Elements
+## Guide for Contributors
+
+Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines:
+
+### Filing Issues
+
+**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions:
+
+ 1. **Who will use the feature?** _“As someone filling out a form…”_
+ 2. **When will they use the feature?** _“When I enter an invalid value…”_
+ 3. **What is the user’s goal?** _“I want to be visually notified that the value needs to be corrected…”_
+
+**If you are filing an issue to report a bug**, please provide:
+
+ 1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug:
+
+ ```markdown
+ The `paper-foo` element causes the page to turn pink when clicked.
+
+ ## Expected outcome
+
+ The page stays the same color.
+
+ ## Actual outcome
+
+ The page turns pink.
+
+ ## Steps to reproduce
+
+ 1. Put a `paper-foo` element in the page.
+ 2. Open the page in a web browser.
+ 3. Click the `paper-foo` element.
+ ```
+
+ 2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output).
+
+ 3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
+
+### Submitting Pull Requests
+
+**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request.
+
+When submitting pull requests, please provide:
+
+ 1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax:
+
+ ```markdown
+ (For a single issue)
+ Fixes #20
+
+ (For multiple issues)
+ Fixes #32, #40
+ ```
+
+ 2. **A succinct description of the design** used to fix any related issues. For example:
+
+ ```markdown
+ This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked.
+ ```
+
+ 3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered.
+
+If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so don’t be afraid to ask us if you need help with that!
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/bower.json b/dashboard-ui/bower_components/iron-form-element-behavior/bower.json
index 62df8f265b..865f9b549c 100644
--- a/dashboard-ui/bower_components/iron-form-element-behavior/bower.json
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/bower.json
@@ -1,11 +1,9 @@
 {
   "name": "iron-form-element-behavior",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "license": "http://polymer.github.io/LICENSE.txt",
   "private": true,
-  "main": [
-    "iron-form-element-behavior.html"
-  ],
+  "main": "iron-form-element-behavior.html",
   "authors": [
     "The Polymer Authors"
   ],
@@ -24,9 +22,10 @@
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
-    "web-component-tester": "*",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.0.0"
-  }
+    "web-component-tester": "polymer/web-component-tester#^3.4.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  },
+  "ignore": []
 }
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/demo/index.html b/dashboard-ui/bower_components/iron-form-element-behavior/demo/index.html
index ae3cb09e8d..e919d0bcca 100644
--- a/dashboard-ui/bower_components/iron-form-element-behavior/demo/index.html
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/demo/index.html
@@ -19,7 +19,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
 
-    <link rel="stylesheet" href="../../paper-styles/paper-styles.html">
     <link rel="import" href="../../paper-styles/demo-pages.html">
     <link rel="import" href="simple-form.html">
     <link rel="import" href="simple-element.html">
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/test/basic.html b/dashboard-ui/bower_components/iron-form-element-behavior/test/basic.html
new file mode 100644
index 0000000000..5947a1e460
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/test/basic.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>iron-form-element-behavior</title>
+
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+
+  <link rel="import" href="../../polymer/polymer.html">
+  <link rel="import" href="../iron-form-element-behavior.html">
+  <link rel="import" href="simple-element.html">
+  <link rel="import" href="simple-form.html">
+</head>
+<body>
+
+  <test-fixture id="basic">
+    <template>
+      <form is="simple-form"></form>
+    </template>
+  </test-fixture>
+
+  <script>
+    suite('basic', function() {
+      var form;
+
+      setup(function() {
+        form = fixture('basic');
+      });
+
+      test('elements fire an event when attached', function(done) {
+        var element = document.createElement('input', 'simple-element');
+
+        var handler = sinon.spy();
+        form.addEventListener('iron-form-element-register', handler);
+
+        form.appendChild(element);
+        Polymer.Base.async(function() {
+          expect(handler.callCount).to.be.equal(1);
+          done();
+        }, 1);
+      });
+
+      test('elements fire an event when detached', function(done) {
+        var element = document.createElement('input', 'simple-element');
+        form.appendChild(element);
+        element._parentForm = form;
+
+        var handler = sinon.spy();
+        form.addEventListener('iron-form-element-unregister', handler);
+
+        form.removeChild(element);
+        Polymer.Base.async(function() {
+          expect(handler.callCount).to.be.equal(1);
+          done();
+        }, 1);
+      });
+  });
+
+  </script>
+
+</body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/test/index.html b/dashboard-ui/bower_components/iron-form-element-behavior/test/index.html
new file mode 100644
index 0000000000..3b2badac6b
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/test/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <script src="../../webcomponentsjs/webcomponents.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+  </head>
+  <body>
+    <script>
+      WCT.loadSuites([
+        'basic.html'
+      ]);
+    </script>
+  </body>
+</html>
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-element.html b/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-element.html
new file mode 100644
index 0000000000..b1aa300213
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-element.html
@@ -0,0 +1,23 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-form-element-behavior.html">
+
+<script>
+
+  Polymer({
+    is: 'simple-element',
+    extends: 'input',
+    behaviors: [
+      Polymer.IronFormElementBehavior
+    ]
+  });
+
+</script>
diff --git a/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-form.html b/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-form.html
new file mode 100644
index 0000000000..7fa38d8801
--- /dev/null
+++ b/dashboard-ui/bower_components/iron-form-element-behavior/test/simple-form.html
@@ -0,0 +1,19 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+
+<script>
+
+  Polymer({
+    is: 'simple-form',
+    extends: 'form'
+  });
+
+</script>
diff --git a/dashboard-ui/bower_components/paper-radio-group/.bower.json b/dashboard-ui/bower_components/paper-radio-group/.bower.json
index 0a37f2c19a..9766bd1233 100644
--- a/dashboard-ui/bower_components/paper-radio-group/.bower.json
+++ b/dashboard-ui/bower_components/paper-radio-group/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-radio-group",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A group of material design radio buttons",
   "authors": [
     "The Polymer Authors"
@@ -22,7 +22,7 @@
   "dependencies": {
     "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
     "iron-selector": "PolymerElements/iron-selector#^1.0.0",
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.1.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
@@ -30,14 +30,15 @@
     "paper-radio-button": "PolymerElements/paper-radio-button#^1.0.0",
     "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
-    "web-component-tester": "*",
+    "web-component-tester": "polymer/web-component-tester#^3.4.0",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "_release": "1.0.6",
+  "main": "paper-radio-group.html",
+  "_release": "1.0.7",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.6",
-    "commit": "e52738e71ebb7ec5470de109f4aa7b419f6f72e5"
+    "tag": "v1.0.7",
+    "commit": "5f0d8a159a545e4eca1aefa5716d29f230364499"
   },
   "_source": "git://github.com/PolymerElements/paper-radio-group.git",
   "_target": "~1.0.4",
diff --git a/dashboard-ui/bower_components/paper-radio-group/.travis.yml b/dashboard-ui/bower_components/paper-radio-group/.travis.yml
new file mode 100644
index 0000000000..c6653892d7
--- /dev/null
+++ b/dashboard-ui/bower_components/paper-radio-group/.travis.yml
@@ -0,0 +1,22 @@
+language: node_js
+sudo: false
+before_script:
+  - npm install web-component-tester
+  - npm install bower
+  - 'export PATH=$PWD/node_modules/.bin:$PATH'
+  - bower install
+env:
+  global:
+    - secure: fuljRoGGYqpPmvGA/f/nsqHWRmAFSu0BpeXS838DmXDZGe2l6liTQM3WOg/zsbQimo62bzyfaX7RI0LEPv3kcdIAjxF78/0y+Gb092YOlWjBDf8+Kwz4UuxwEHQ9FRv4T0CiZnp81oo/J9DgBNUIuIKNoycVfp/GQNM7VH8NvYM=
+    - secure: ibwd66QS2gTWqIW57liwNiDZE1GHmS4lJ62T4cJ1lLUV41B6pONB62fzAVtvJhLfAyQeR3cX0+grCFJtc2v94r5DhVoTAdxuM3MrYQuM+p1XNpK/UUjEkRZkSP2GxHIztXDwePe96W5DqX/C9E/KC3G00NF5/rdtTkoEe6sn0wA=
+node_js: 4
+addons:
+  firefox: latest
+  apt:
+    sources:
+      - google-chrome
+    packages:
+      - google-chrome-stable
+script:
+  - xvfb-run wct
+  - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
diff --git a/dashboard-ui/bower_components/paper-radio-group/CONTRIBUTING.md b/dashboard-ui/bower_components/paper-radio-group/CONTRIBUTING.md
new file mode 100644
index 0000000000..7b10141565
--- /dev/null
+++ b/dashboard-ui/bower_components/paper-radio-group/CONTRIBUTING.md
@@ -0,0 +1,72 @@
+
+<!--
+This file is autogenerated based on
+https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
+
+If you edit that file, it will get updated everywhere else.
+If you edit this file, your changes will get overridden :)
+-->
+# Polymer Elements
+## Guide for Contributors
+
+Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines:
+
+### Filing Issues
+
+**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions:
+
+ 1. **Who will use the feature?** _“As someone filling out a form…”_
+ 2. **When will they use the feature?** _“When I enter an invalid value…”_
+ 3. **What is the user’s goal?** _“I want to be visually notified that the value needs to be corrected…”_
+
+**If you are filing an issue to report a bug**, please provide:
+
+ 1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug:
+
+ ```markdown
+ The `paper-foo` element causes the page to turn pink when clicked.
+
+ ## Expected outcome
+
+ The page stays the same color.
+
+ ## Actual outcome
+
+ The page turns pink.
+
+ ## Steps to reproduce
+
+ 1. Put a `paper-foo` element in the page.
+ 2. Open the page in a web browser.
+ 3. Click the `paper-foo` element.
+ ```
+
+ 2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output).
+
+ 3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
+
+### Submitting Pull Requests
+
+**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request.
+
+When submitting pull requests, please provide:
+
+ 1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax:
+
+ ```markdown
+ (For a single issue)
+ Fixes #20
+
+ (For multiple issues)
+ Fixes #32, #40
+ ```
+
+ 2. **A succinct description of the design** used to fix any related issues. For example:
+
+ ```markdown
+ This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked.
+ ```
+
+ 3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered.
+
+If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so don’t be afraid to ask us if you need help with that!
diff --git a/dashboard-ui/bower_components/paper-radio-group/bower.json b/dashboard-ui/bower_components/paper-radio-group/bower.json
index 4b65113c42..3e69635f99 100644
--- a/dashboard-ui/bower_components/paper-radio-group/bower.json
+++ b/dashboard-ui/bower_components/paper-radio-group/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-radio-group",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A group of material design radio buttons",
   "authors": [
     "The Polymer Authors"
@@ -22,7 +22,7 @@
   "dependencies": {
     "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
     "iron-selector": "PolymerElements/iron-selector#^1.0.0",
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.1.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
@@ -30,7 +30,8 @@
     "paper-radio-button": "PolymerElements/paper-radio-button#^1.0.0",
     "paper-styles": "PolymerElements/paper-styles#^1.0.0",
     "test-fixture": "PolymerElements/test-fixture#^1.0.0",
-    "web-component-tester": "*",
+    "web-component-tester": "polymer/web-component-tester#^3.4.0",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
-  }
+  },
+  "main": "paper-radio-group.html"
 }
diff --git a/dashboard-ui/bower_components/paper-radio-group/paper-radio-group.html b/dashboard-ui/bower_components/paper-radio-group/paper-radio-group.html
index b55a8b604b..586dfff07c 100644
--- a/dashboard-ui/bower_components/paper-radio-group/paper-radio-group.html
+++ b/dashboard-ui/bower_components/paper-radio-group/paper-radio-group.html
@@ -50,20 +50,19 @@ information about `paper-radio-button`.
 -->
 
 <dom-module id="paper-radio-group">
-  <style>
-    :host {
-      display: inline-block;
-    }
-
-    :host ::content > * {
-      padding: 12px;
-    }
-  </style>
-
   <template>
-      <content id="items" select="*"></content>
-  </template>
+    <style>
+      :host {
+        display: inline-block;
+      }
 
+      :host ::content > * {
+        padding: 12px;
+      }
+    </style>
+
+    <content id="items" select="*"></content>
+  </template>
 </dom-module>
 
 <script>
diff --git a/dashboard-ui/bower_components/paper-radio-group/test/basic.html b/dashboard-ui/bower_components/paper-radio-group/test/basic.html
index 1f3ec0a414..b481121697 100644
--- a/dashboard-ui/bower_components/paper-radio-group/test/basic.html
+++ b/dashboard-ui/bower_components/paper-radio-group/test/basic.html
@@ -16,10 +16,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
     <script src="../../web-component-tester/browser.js"></script>
-    <script src="../../test-fixture/test-fixture-mocha.js"></script>
     <script src="../../iron-test-helpers/mock-interactions.js"></script>
-
-    <link rel="import" href="../../test-fixture/test-fixture.html">
     <link rel="import" href="../paper-radio-group.html">
 
   </head>
@@ -60,122 +57,152 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         var LEFT_ARROW = 37;
         var RIGHT_ARROW = 39;
 
-        test('group can have no selection', function () {
+        test('group can have no selection', function (done) {
           var g = fixture('NoSelection');
-          expect(g.selected).to.not.be.ok;
-          var items = g.items;
-          expect(items.length).to.be.equal(3);
-          expect(items[0].checked).to.be.equal(false);
-          expect(items[1].checked).to.be.equal(false);
-          expect(items[2].checked).to.be.equal(false);
+
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            expect(g.selected).to.not.be.ok;
+            var items = g.items;
+            expect(items.length).to.be.equal(3);
+
+            expect(items[0].checked).to.be.equal(false);
+            expect(items[1].checked).to.be.equal(false);
+            expect(items[2].checked).to.be.equal(false);
+
+            done();
+          }, 1);
+
         });
 
-        test('group can have a selection', function () {
+        test('group can have a selection', function (done) {
           var g = fixture('WithSelection');
-          expect(g.selected).to.be.ok;
-          var items = g.items;
-          expect(items.length).to.be.equal(3);
 
-          expect(items[0].checked).to.be.equal(true);
-          expect(items[1].checked).to.be.equal(false);
-          expect(items[2].checked).to.be.equal(false);
-          expect(items[0].getAttribute('name')).to.be.equal(g.selected);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            expect(g.selected).to.be.ok;
+            var items = g.items;
+            expect(items.length).to.be.equal(3);
+
+            expect(items[0].checked).to.be.equal(true);
+            expect(items[1].checked).to.be.equal(false);
+            expect(items[2].checked).to.be.equal(false);
+            expect(items[0].getAttribute('name')).to.be.equal(g.selected);
+
+            done();
+          }, 1);
         });
 
         test('right arrow advances the selection', function (done) {
           var g = fixture('WithSelection');
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
+            expect(items[0].checked).to.be.equal(true);
 
-          g.addEventListener('paper-radio-group-changed', function () {
-            expect(items[0].checked).to.be.equal(false);
-            expect(items[1].checked).to.be.equal(true);
-            expect(items[2].checked).to.be.equal(false);
-            done();
-          });
-
-          MockInteractions.keyDownOn(g, RIGHT_ARROW);
+            g.addEventListener('paper-radio-group-changed', function () {
+              expect(items[0].checked).to.be.equal(false);
+              expect(items[1].checked).to.be.equal(true);
+              expect(items[2].checked).to.be.equal(false);
+              done();
+            });
+            MockInteractions.keyDownOn(g, RIGHT_ARROW);
+          }, 1);
         });
 
         test('left arrow reverses the selection', function (done) {
           var g = fixture('WithSelection');
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
+            expect(items[0].checked).to.be.equal(true);
 
-          g.addEventListener('paper-radio-group-changed', function () {
-            expect(items[0].checked).to.be.equal(false);
-            expect(items[1].checked).to.be.equal(false);
-            expect(items[2].checked).to.be.equal(true);
-            done();
-          });
-          MockInteractions.keyDownOn(g, LEFT_ARROW);
+            g.addEventListener('paper-radio-group-changed', function () {
+              expect(items[0].checked).to.be.equal(false);
+              expect(items[1].checked).to.be.equal(false);
+              expect(items[2].checked).to.be.equal(true);
+              done();
+            });
+            MockInteractions.keyDownOn(g, LEFT_ARROW);
+          }, 1);
         });
 
         test('selection should skip disabled items', function (done) {
           var g = fixture('WithDisabled');
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
+            expect(items[0].checked).to.be.equal(true);
 
-          g.addEventListener('paper-radio-group-changed', function () {
-            expect(items[0].checked).to.be.equal(false);
-            expect(items[1].checked).to.be.equal(false);
-            expect(items[2].checked).to.be.equal(true);
-            done();
-          });
-          MockInteractions.keyDownOn(g, RIGHT_ARROW);
+            g.addEventListener('paper-radio-group-changed', function () {
+              expect(items[0].checked).to.be.equal(false);
+              expect(items[1].checked).to.be.equal(false);
+              expect(items[2].checked).to.be.equal(true);
+              done();
+            });
+            MockInteractions.keyDownOn(g, RIGHT_ARROW);
+          }, 1);
         });
 
         test('clicking should change the selection', function (done) {
           var g = fixture('WithSelection');
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
+            expect(items[0].checked).to.be.equal(true);
 
-          g.addEventListener('paper-radio-group-changed', function () {
-            expect(items[0].checked).to.be.equal(false);
-            expect(items[1].checked).to.be.equal(true);
-            expect(items[2].checked).to.be.equal(false);
-            done();
-          });
-
-          MockInteractions.tap(items[1]);
+            g.addEventListener('paper-radio-group-changed', function () {
+              expect(items[0].checked).to.be.equal(false);
+              expect(items[1].checked).to.be.equal(true);
+              expect(items[2].checked).to.be.equal(false);
+              done();
+            });
+            MockInteractions.tap(items[1]);
+          }, 1);
         });
 
         test('clicking the selected item should not deselect', function (done) {
           var g = fixture('WithSelection');
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
-          MockInteractions.tap(items[0]);
-
-          // The selection should not change, but wait for a little bit just
-          // in case it would and an event would be fired.
-          setTimeout(function() {
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
             expect(items[0].checked).to.be.equal(true);
-            expect(items[1].checked).to.be.equal(false);
-            expect(items[2].checked).to.be.equal(false);
-            done();
+
+            // The selection should not change, but wait for a little bit just
+            // in case it would and an event would be fired.
+            setTimeout(function() {
+              expect(items[0].checked).to.be.equal(true);
+              expect(items[1].checked).to.be.equal(false);
+              expect(items[2].checked).to.be.equal(false);
+              done();
+            }, 1);
+            MockInteractions.tap(items[0]);
           }, 1);
         });
 
         test('clicking the selected item should deselect if allow-empty-selection is set', function (done) {
           var g = fixture('WithSelection');
           g.allowEmptySelection = true;
-          var items = g.items;
 
-          expect(items[0].checked).to.be.equal(true);
-          MockInteractions.tap(items[0]);
+          // Needs to be async since the underlying iron-selector uses observeNodes.
+          Polymer.Base.async(function() {
+            var items = g.items;
+            expect(items[0].checked).to.be.equal(true);
 
-          // The selection should not change, but wait for a little bit just
-          // in case it would and an event would be fired.
-          setTimeout(function() {
-            expect(items[0].checked).to.be.equal(false);
-            expect(items[1].checked).to.be.equal(false);
-            expect(items[2].checked).to.be.equal(false);
-            done();
+            // The selection should not change, but wait for a little bit just
+            // in case it would and an event would be fired.
+            setTimeout(function() {
+              expect(items[0].checked).to.be.equal(false);
+              expect(items[1].checked).to.be.equal(false);
+              expect(items[2].checked).to.be.equal(false);
+              done();
+            }, 1);
+            MockInteractions.tap(items[0]);
           }, 1);
         });
 
diff --git a/dashboard-ui/bower_components/paper-ripple/.bower.json b/dashboard-ui/bower_components/paper-ripple/.bower.json
index 157225ee71..2f654d71c6 100644
--- a/dashboard-ui/bower_components/paper-ripple/.bower.json
+++ b/dashboard-ui/bower_components/paper-ripple/.bower.json
@@ -32,14 +32,14 @@
     "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
   },
   "ignore": [],
-  "homepage": "https://github.com/PolymerElements/paper-ripple",
+  "homepage": "https://github.com/polymerelements/paper-ripple",
   "_release": "1.0.5",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.5",
     "commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5"
   },
-  "_source": "git://github.com/PolymerElements/paper-ripple.git",
+  "_source": "git://github.com/polymerelements/paper-ripple.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/paper-ripple"
+  "_originalSource": "polymerelements/paper-ripple"
 }
\ No newline at end of file
diff --git a/dashboard-ui/components/directorybrowser/directorybrowser.js b/dashboard-ui/components/directorybrowser/directorybrowser.js
index 48f16f31f1..e71fadb888 100644
--- a/dashboard-ui/components/directorybrowser/directorybrowser.js
+++ b/dashboard-ui/components/directorybrowser/directorybrowser.js
@@ -48,12 +48,12 @@
         }
 
         if (!parentPathPromise) {
-            parentPathPromise = $.Deferred();
-            parentPathPromise.resolveWith(null, []);
-            parentPathPromise = parentPathPromise.promise();
+            parentPathPromise = new Promise(function (resolve, reject) {
+                resolve();
+            });
         }
 
-        Promise.all(promise, parentPathPromise).then(function (responses) {
+        Promise.all([promise, parentPathPromise]).then(function (responses) {
 
             var folders = responses[0];
             var parentPath = responses[1] || '';
diff --git a/dashboard-ui/components/requirecss.js b/dashboard-ui/components/requirecss.js
index e50ca986c9..49670aa301 100644
--- a/dashboard-ui/components/requirecss.js
+++ b/dashboard-ui/components/requirecss.js
@@ -26,7 +26,7 @@ define(function () {
     requireCss.load = function (cssId, req, load, config) {
 
         // Somehow if the url starts with /css, require will get all screwed up since this extension is also called css
-        cssId = cssId.replace('js/requirecss', 'css');
+        cssId = cssId.replace('components/requirecss', 'css');
         var url = cssId + '.css';
 
         var packageName = '';
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index f4e680204b..4e6e51a891 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -1367,7 +1367,10 @@ $(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pageb
                 $('.supporterPromotion', page).remove();
 
                 if (!pluginSecurityInfo.IsMBSupporter && AppInfo.enableSupporterMembership) {
-                    $('.content-primary', page).append('<div class="supporterPromotion"><a class="btn btnActionAccent" href="http://emby.media/premiere" target="_blank" style="font-size:14px;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;font-size:90%;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></a></div>');
+
+                    var html = '<div class="supporterPromotion"><a class="clearLink" href="http://emby.media/premiere" target="_blank" style="font-size:14px;"><paper-button raised class="block" style="text-transform:none;background-color:#52B54B;color:#fff;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></paper-button></a></div>';
+
+                    $('.content-primary', page).append(html);
                 }
             }
 
diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js
index a8fed69d37..b0e9ecea64 100644
--- a/dashboard-ui/scripts/mediaplayer-video.js
+++ b/dashboard-ui/scripts/mediaplayer-video.js
@@ -940,7 +940,7 @@
         self.playVideo = function (item, mediaSource, startPosition, callback) {
 
             // TODO: remove dependency on nowplayingbar
-            requirejs(['videorenderer', 'css!/css/nowplayingbar.css', 'css!/css/mediaplayer-video.css'], function () {
+            requirejs(['videorenderer', 'css!css/nowplayingbar.css', 'css!css/mediaplayer-video.css'], function () {
 
                 initVideoElements();
 
diff --git a/dashboard-ui/scripts/nowplayingbar.js b/dashboard-ui/scripts/nowplayingbar.js
index 9d4b538806..f76fd22d60 100644
--- a/dashboard-ui/scripts/nowplayingbar.js
+++ b/dashboard-ui/scripts/nowplayingbar.js
@@ -260,7 +260,7 @@
                 return;
             }
 
-            require(['css!/css/nowplayingbar.css'], function () {
+            require(['css!css/nowplayingbar.css'], function () {
 
                 nowPlayingBarElement = document.querySelector('.nowPlayingBar');
 
diff --git a/dashboard-ui/scripts/searchmenu.js b/dashboard-ui/scripts/searchmenu.js
index b80bb9af86..5b61c29090 100644
--- a/dashboard-ui/scripts/searchmenu.js
+++ b/dashboard-ui/scripts/searchmenu.js
@@ -6,7 +6,7 @@
 
         self.show = function () {
 
-            require(['css!/css/search.css']);
+            require(['css!css/search.css']);
             $('.headerSearchInput').val('');
 
             $('.btnCloseSearch').hide();
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index f729159e2d..b87a78162b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -1975,7 +1975,7 @@ var AppInfo = {};
             Dashboard.importCss('css/detailtable.css');
             return {};
         });
-        define("tileitemcss", ['css!/css/tileitem.css']);
+        define("tileitemcss", ['css!css/tileitem.css']);
 
         if (Dashboard.isRunningInCordova()) {
             define("actionsheet", ["cordova/actionsheet"]);
diff --git a/dashboard-ui/syncactivity.html b/dashboard-ui/syncactivity.html
index 92c3724a21..984a58ee37 100644
--- a/dashboard-ui/syncactivity.html
+++ b/dashboard-ui/syncactivity.html
@@ -22,12 +22,14 @@
                 <br />
                 <div class="supporterPromotionContainer" style="display:none;">
                     <div class="customSupporterPromotion supporterPromotion">
-                        <a class="btn btnActionAccent" href="http://emby.media/premiere" target="_blank" style="font-size:14px;">
-                            <div class="mainText">
-                            </div>
-                            <div class="btnLearnMore" style="font-weight:normal;font-size:90%;margin-top:5px;">
-                                ${ButtonLearnMore}
-                            </div>
+                        <a class="clearLink" href="http://emby.media/premiere" target="_blank" style="font-size:14px;">
+                            <paper-button raised class="block" style="text-transform:none;background-color:#52B54B;color:#fff;">
+                                <div class="mainText">
+                                </div>
+                                <div class="btnLearnMore" style="font-weight: normal; margin-top: 5px;">
+                                    ${ButtonLearnMore}
+                                </div>
+                            </paper-button>
                         </a>
                     </div>
                 </div>
diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html
index d11bf67938..b07c8687a6 100644
--- a/dashboard-ui/vulcanize-out.html
+++ b/dashboard-ui/vulcanize-out.html
@@ -8288,10 +8288,7 @@ this.fire('dom-change');
     };
 
     --layout-horizontal: {
-      /* @apply(--layout); */
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
+      @apply(--layout);
 
       -ms-flex-direction: row;
       -webkit-flex-direction: row;
@@ -8299,16 +8296,15 @@ this.fire('dom-change');
     };
 
     --layout-horizontal-reverse: {
+      @apply(--layout);
+
       -ms-flex-direction: row-reverse;
       -webkit-flex-direction: row-reverse;
       flex-direction: row-reverse;
     };
 
     --layout-vertical: {
-      /* @apply(--layout); */
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
+      @apply(--layout);
 
       -ms-flex-direction: column;
       -webkit-flex-direction: column;
@@ -8316,6 +8312,8 @@ this.fire('dom-change');
     };
 
     --layout-vertical-reverse: {
+      @apply(--layout);
+
       -ms-flex-direction: column-reverse;
       -webkit-flex-direction: column-reverse;
       flex-direction: column-reverse;
@@ -8472,13 +8470,8 @@ this.fire('dom-change');
     };
 
     --layout-center-center: {
-      /* @apply(--layout-center --layout-center-justified); */
-      -ms-flex-align: center;
-      -webkit-align-items: center;
-      align-items: center;
-      -ms-flex-pack: center;
-      -webkit-justify-content: center;
-      justify-content: center;
+      @apply(--layout-center);
+      @apply(--layout-center-justified);
     };
 
     /* self alignment */
@@ -20417,20 +20410,19 @@ is separate from validation, and `allowed-pattern` does not affect how the input
   </script>
 </dom-module>
 <dom-module id="paper-radio-group" assetpath="bower_components/paper-radio-group/">
-  <style>
-    :host {
-      display: inline-block;
-    }
-
-    :host ::content > * {
-      padding: 12px;
-    }
-  </style>
-
   <template>
-      <content id="items" select="*"></content>
-  </template>
+    <style>
+      :host {
+        display: inline-block;
+      }
 
+      :host ::content > * {
+        padding: 12px;
+      }
+    </style>
+
+    <content id="items" select="*"></content>
+  </template>
 </dom-module>
 
 <script>