diff --git a/js/ext/angular/test/list-fit.html b/js/ext/angular/test/list-fit.html
new file mode 100644
index 00000000000..e33190c3e3b
--- /dev/null
+++ b/js/ext/angular/test/list-fit.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+ Sample UL
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - This list should *exactly* fit
+ - between header and footer (no gap),
+ - even with pull-to-refresh.
+ - 4
+ - 5
+ - 6
+ - 7
+ - 8
+ - 9
+ - 10
+ - 11
+ - 12
+ - 13
+ - 14
+ - 15
+ - 16
+ - 17
+ - 18
+ - 19
+ - 20
+ - 21
+ - 22
+ - 23
+ - 24
+ - 25
+ - 26
+
+
+
+
+ Footer!
+
+
+
+
+
+
diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss
index 763cbb9ba92..cdc44cd3ee1 100644
--- a/scss/_scaffolding.scss
+++ b/scss/_scaffolding.scss
@@ -46,9 +46,9 @@ body, .ionic-body {
-webkit-user-drag: none;
}
-.content {
+.content {
// used for content areas not using the content directive
- position: relative
+ position: relative
}
.scroll-content {
@@ -141,9 +141,12 @@ body, .ionic-body {
// Scroll refresher (for pull to refresh)
.scroll-refresher {
overflow: hidden;
- margin-top: -60px;
+ top: -60px;
height: 60px;
- position: relative;
+ left: 0;
+ right: 0;
+ position: absolute;
+ margin: auto;
.icon-refreshing {
display: none;