adjustments

dist/ratchet.css

@@ -288,6 +288,14 @@ strong {
   padding-top: 88px;
 }
 
+.bar-footer ~ .content {
+  padding-bottom: 44px;
+}
+
+.bar-footer-secondary ~ .content {
+  padding-bottom: 88px;
+}
+
 .container {
   padding-right: 15px;
   padding-left: 15px;

docs/dist/ratchet.css

@@ -288,6 +288,14 @@ strong {
   padding-top: 88px;
 }
 
+.bar-footer ~ .content {
+  padding-bottom: 44px;
+}
+
+.bar-footer-secondary ~ .content {
+  padding-bottom: 88px;
+}
+
 .container {
   padding-right: 15px;
   padding-left: 15px;

docs/examples/app-ios-mail/css/app.css

@@ -3,6 +3,7 @@
   left: 0;
   right: 0;
   padding: 10px 0;
+  font-size: 11px;
   text-align: center;
 }
 

docs/examples/app-ios-mail/index.html

@@ -64,9 +64,9 @@
       <ul class="table-view">
         <li class="table-view-cell media">
           <a class="push-right" href="inbox.html" data-transition="slide-in">
-            <span class="media-object icon icon-home pull-left"></span>
+            <span class="media-object icon icon-more pull-left"></span>
             <div class="media-body">
-              Home
+              Misc
             </div>
           </a>
         </li>

sass/base.scss

@@ -62,6 +62,12 @@ strong {
 .bar-header-secondary ~ .content {
   padding-top: $bar-base-height*2;
 }
+.bar-footer ~ .content {
+  padding-bottom: $bar-base-height;
+}
+.bar-footer-secondary ~ .content {
+  padding-bottom: $bar-base-height*2;
+}
 
 // Utility classes
 .container {