diff --git a/pica/components/css/pi-app.css b/pica/components/css/pi-app.css
index 6856bec..358a00e 100644
--- a/pica/components/css/pi-app.css
+++ b/pica/components/css/pi-app.css
@@ -3,7 +3,30 @@
* Use of this source code is governed by a BSD-style
* license that can be found in the LICENSE file.
*/
-#panels, #contentPanels {
+ @host {
+ :scope {
+ /* fit to container */
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+
+ /* layout content using flexbox */
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-flex-flow: column;
+ flex-direction: column;
+
+ /* convenient defaults */
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'open sans', sans-serif;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ }
+ }
+
+#panels, #contentPanels, #Topics {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
diff --git a/pica/components/pi-app.html b/pica/components/pi-app.html
index 19e8890..f810f4f 100644
--- a/pica/components/pi-app.html
+++ b/pica/components/pi-app.html
@@ -5,11 +5,9 @@
* license that can be found in the LICENSE file.
*/
-->
-
-
@@ -17,7 +15,7 @@
-
+
diff --git a/pica/components/pi-items-view.html b/pica/components/pi-items-view.html
index 1f60ab6..c25c28f 100644
--- a/pica/components/pi-items-view.html
+++ b/pica/components/pi-items-view.html
@@ -95,6 +95,7 @@
this.fire('select', {item: this.selected});
},
animateCascade: function() {
+ /*
var container = this.$.container;
var cards = container.querySelectorAll('.item');
@@ -127,6 +128,7 @@
{duration: 0.5, startDelay: 0.03 * d, fillMode: "backwards"}));
}
document.timeline.play(parGroup);
+ */
}
});
})();