adjusting the base app

5 files changed, 106 insertions, 72 deletions

diff --git a/docs/examples/app-android-notes/index.html b/docs/examples/app-android-notes/index.html
index f565f23..e3925a6 100644
--- a/docs/examples/app-android-notes/index.html
+++ b/docs/examples/app-android-notes/index.html
@@ -33,77 +33,80 @@
       <ul class="table-view">
         <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Wreck-it Ralph
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Argo
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Skyfall: 007
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Wreck-it Ralph
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Argo
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Skyfall: 007
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
-        <li class="table-view-cell media">
+        <li class="table-view-cell">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
-            <div class="media-body">
-              Wreck-it Ralph
-              <p>Lorem ipsum dolor sit amet, consectetur.</p>
-            </div>
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
       </ul>
diff --git a/docs/examples/app-ios-mail/inbox.html b/docs/examples/app-ios-mail/inbox.html
index 5b6ab18..7a03d23 100644
--- a/docs/examples/app-ios-mail/inbox.html
+++ b/docs/examples/app-ios-mail/inbox.html
@@ -24,62 +24,92 @@
       <ul class="table-view">
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
         <li class="table-view-cell">
           <a class="push-right" href="#">
-            Argo
-            <p>Lorem ipsum dolor sit amet, consectetur.</p>
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="push-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
           </a>
         </li>
       </ul>
diff --git a/docs/examples/app-ios-mail/index.html b/docs/examples/app-ios-mail/index.html
index 40ca1fd..117062f 100644
--- a/docs/examples/app-ios-mail/index.html
+++ b/docs/examples/app-ios-mail/index.html
@@ -60,7 +60,7 @@
         </li>
       </ul>
 
-      <h5>Other accounts</h5>
+      <h5 class="content-padded">Other accounts</h5>
       <ul class="table-view">
         <li class="table-view-cell media">
           <a class="push-right" href="inbox.html" data-transition="slide-in">
diff --git a/docs/examples/app-movies/css/app.css b/docs/examples/app-movies/css/app.css
index a003cb3..08345cf 100644
--- a/docs/examples/app-movies/css/app.css
+++ b/docs/examples/app-movies/css/app.css
@@ -2,4 +2,7 @@
 .slider img {
   margin-bottom: 0;
   height: 150px;
-}
\ No newline at end of file
+}
+.content-padded {
+  margin: 30px 15px 15px;
+}
diff --git a/docs/examples/app-movies/index.html b/docs/examples/app-movies/index.html
index e16422e..ec3bfcc 100644
--- a/docs/examples/app-movies/index.html
+++ b/docs/examples/app-movies/index.html
@@ -133,15 +133,13 @@
       </header>
       
       <div class="content">
-        <h5>User settings</h5>
-
         <form class="input-group">
           <input type="text" placeholder="Full name">
           <input type="email" placeholder="Email">
           <input type="text" placeholder="Username">
         </form>
 
-        <h5>App settings</h5>
+        <h5 class="content-padded">App settings</h5>
 
         <ul class="table-view">
           <li class="table-view-cell media">
@@ -164,7 +162,7 @@
           </li>
         </ul>
         <div class="container">
-          <a class="btn btn-positive btn-block">Save settings</a>
+          <a class="btn btn-positive btn-block content-padded">Save settings</a>
         </div>
       </div>
     </div><!-- /.modal -->