Small updates to examples

ArthurClemens · Feb 27, 2016 · 5c18b1c · 5c18b1c
1 parent 7ef035f
commit 5c18b1c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/examples/src/app/app/common-style.es6.js b/examples/src/app/app/common-style.es6.js
@@ -1,6 +1,9 @@
 import vars from './variables';
 
 const styles = [{
+    ' *': {
+        'box-sizing': 'border-box'
+    },
     ' html, body': {
         'min-height': '100%',
         height: '100%'

diff --git a/examples/src/app/app/common-style.js b/examples/src/app/app/common-style.js
diff --git a/examples/src/app/paging/paging-style.es6.js b/examples/src/app/paging/paging-style.es6.js
@@ -1,7 +1,6 @@
 const gridSpacing = 8;
 const pageWidth = 320;
 const itemSize = (320 - 2 * gridSpacing) / 3;
-const pageHeight = 4 * itemSize + 3 * gridSpacing + 2 * gridSpacing;
 const imageHolderPadding = 10;
 const imageHolderPaddingPx = imageHolderPadding + 'px';
 
@@ -10,15 +9,15 @@ const styles = [
         '.paging': {
             width: pageWidth + 'px',
             margin: '0 auto',
-            height: '100%',
 
             ' .mithril-infinite__scroll-view.mithril-infinite__scroll-view--y': {
-                height: pageHeight + 'px',
+                height: 'auto'
             },
             ' .mithril-infinite__scroll-content': {
                 margin: '0 auto',
                 width: pageWidth + 'px',
-                padding: gridSpacing + 'px 0',
+                padding: gridSpacing + 'px 0 0',
+
 
                 ' .mithril-infinite__content': {
                     margin: '0 auto',

diff --git a/examples/src/app/paging/paging-style.js b/examples/src/app/paging/paging-style.js