Fixes #256. Fixes #199

app.yaml

@@ -1,5 +1,5 @@
 application: cr-status
-version: 2016-03-10
+version: 2016-03-10-2
 runtime: python27
 threadsafe: true
 api_version: 1

bower.json

@@ -35,6 +35,6 @@
     "iron-icons": "PolymerElements/iron-icons#^1.0.3",
     "paper-button": "PolymerElements/paper-button#^1.0.3",
     "paper-card": "PolymerElements/paper-card#^1.0.0",
-    "iron-list": "PolymerElements/iron-list#^1.1.6"
+    "iron-list": "PolymerElements/iron-list#^1.2.7"
   }
 }

static/css/features/features.css

@@ -1 +1 @@
-#content.ready::after{display:none}#content::after{font-size:18px;font-weight:normal;content:'loading...';color:#797979;top:0;left:0;position:absolute;background:white;border:1px dashed #bbb;border-radius:3px;width:100%;height:100%;box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;z-index:100}#content.error::after{content:'Error loading features list.';color:darkred}chromedash-legend{font-size:90%}chromedash-legend .description{margin-bottom:10px}#panels nav{font-size:120%;font-weight:300;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;max-width:760px}#subheader paper-button{color:#366597;background:#fff}@media only screen and (max-width: 700px){body:not(.ready) #content{margin:10px}#content{height:100%}chromedash-featurelist{position:absolute;top:0;left:0;right:0;bottom:0}}
+#content.ready::after{display:none}#content::after{font-size:18px;font-weight:normal;content:'loading...';color:#797979;top:0;left:0;position:absolute;background:white;border:1px dashed #bbb;border-radius:3px;width:100%;height:100%;box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;z-index:100}#content.error::after{content:'Error loading features list.';color:darkred}chromedash-legend{font-size:90%}chromedash-legend .description{margin-bottom:10px}#panels nav{font-size:120%;font-weight:300;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;max-width:760px}#subheader paper-button{color:#366597;background:#fff}@media only screen and (max-width: 700px){body:not(.ready) #content{margin:10px}#content{height:100%}chromedash-featurelist{position:absolute;top:0;left:0;right:0;bottom:0;min-height:100vh}}

static/sass/elements/chromedash-feature.scss

@@ -266,7 +266,7 @@ section {
   }
 
   chromedash-color-status {
-    width: 3px;
+    // width: 3px;
     overflow: hidden;
 
     &.bottom {
@@ -308,8 +308,6 @@ section {
 }
 
 .resources {
-  @include display-flex;
-  @include align-items(center);
   label {
     margin-right: 8px;
   }
@@ -347,6 +345,14 @@ section {
   }
 
   .sidebyside {
-    @include flex-direction(column);
+    display: block;
+    // @include flex-direction(column);
+  }
+}
+
+@media only screen and (min-width: 701px) {
+  .resources {
+    @include display-flex;
+    @include align-items(center);
   }
 }

static/sass/elements/chromedash-featurelist.scss

@@ -7,9 +7,9 @@
   position: relative;
 }
 
-// #featurelist {
-//   @include transform(translateZ(0)); // force composite layer in stable
-// }
+#featurelist {
+  //@include transform(translateZ(0)); // force composite layer in stable
+}
 
 // See https://crbug.com/553278
 #ironlist {

static/sass/features/features.scss

@@ -96,5 +96,6 @@ chromedash-legend {
     left: 0;
     right: 0;
     bottom: 0;
+    min-height: 100vh;
   }
 }