From 8da0f5bd3feb3c2220899a948b3babc1f39d4cd6 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Sat, 19 Oct 2013 15:59:31 -0700
Subject: [PATCH] Updating the example apps with table-view-cell class

---
 examples/app-classic/choose-movie.html   | 28 ++++++++++++------------
 examples/app-classic/choose-theater.html | 22 +++++++++----------
 examples/app-classic/index.html          | 28 ++++++++++++------------
 examples/app-classic/theaters.html       | 22 +++++++++----------
 examples/app-default/choose-movie.html   | 28 ++++++++++++------------
 examples/app-default/choose-theater.html | 22 +++++++++----------
 examples/app-default/index.html          | 28 ++++++++++++------------
 examples/app-default/theaters.html       | 22 +++++++++----------
 8 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/examples/app-classic/choose-movie.html b/examples/app-classic/choose-movie.html
index 0366b8e..ca20330 100644
--- a/examples/app-classic/choose-movie.html
+++ b/examples/app-classic/choose-movie.html
@@ -34,64 +34,64 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Recommended movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Recommended movies</li>
+      <li class="table-view-cell">
         <strong>Argo</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Skyfall: 007</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Wreck-it Ralph</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li class="table-view-divider">Top movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Top movies</li>
+      <li class="table-view-cell">
         <strong>Movie 4</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 5</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 6</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 7</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 8</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 9</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 10</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 11</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 12</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
diff --git a/examples/app-classic/choose-theater.html b/examples/app-classic/choose-theater.html
index 42f7150..f11237e 100644
--- a/examples/app-classic/choose-theater.html
+++ b/examples/app-classic/choose-theater.html
@@ -34,53 +34,53 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Theaters nearby</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Theaters nearby</li>
+      <li class="table-view-cell">
         <strong>Metreon 16</strong>
         <p>1.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 5</strong>
         <p>3.5 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Regal 42</strong>
         <p>7.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Shorline theater</strong>
         <p>12.5 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 16</strong>
         <p>12.2 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>BW3 16</strong>
         <p>13.4 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>MC Hammer 16</strong>
         <p>14.1 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 3</strong>
         <p>14.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 2</strong>
         <p>14.7 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 10</strong>
         <p>15 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
diff --git a/examples/app-classic/index.html b/examples/app-classic/index.html
index 6d6fcee..31b7c54 100644
--- a/examples/app-classic/index.html
+++ b/examples/app-classic/index.html
@@ -45,86 +45,86 @@
     </div>
 
     <ul class="table-view">
-      <li class="table-view-divider">Recommended movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Recommended movies</li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Argo</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Skyfall: 007</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Wreck-it Ralph</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li class="table-view-divider">Top movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Top movies</li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 4</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 5</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 6</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 7</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 8</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 9</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 10</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 11</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 12</strong>
           <p>Lorem ipsum dolor sit amet</p>
diff --git a/examples/app-classic/theaters.html b/examples/app-classic/theaters.html
index 0edaca6..1d79c04 100644
--- a/examples/app-classic/theaters.html
+++ b/examples/app-classic/theaters.html
@@ -30,71 +30,71 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Theaters nearby</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Theaters nearby</li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Metreon 16</strong>
           <p>1.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 5</strong>
           <p>3.5 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Regal 42</strong>
           <p>7.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Shorline theater</strong>
           <p>12.5 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 16</strong>
           <p>12.2 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>BW3 16</strong>
           <p>13.4 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>MC Hammer 16</strong>
           <p>14.1 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 3</strong>
           <p>14.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 2</strong>
           <p>14.7 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 10</strong>
           <p>15 miles away</p>
diff --git a/examples/app-default/choose-movie.html b/examples/app-default/choose-movie.html
index a169bf9..62aaff2 100644
--- a/examples/app-default/choose-movie.html
+++ b/examples/app-default/choose-movie.html
@@ -56,64 +56,64 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Recommended movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Recommended movies</li>
+      <li class="table-view-cell">
         <strong>Argo</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Skyfall: 007</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Wreck-it Ralph</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li class="table-view-divider">Top movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Top movies</li>
+      <li class="table-view-cell">
         <strong>Movie 4</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 5</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 6</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 7</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 8</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 9</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 10</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 11</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Movie 12</strong>
         <p>Lorem ipsum dolor sit amet</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
diff --git a/examples/app-default/choose-theater.html b/examples/app-default/choose-theater.html
index 2966b75..e7c8cb0 100644
--- a/examples/app-default/choose-theater.html
+++ b/examples/app-default/choose-theater.html
@@ -56,53 +56,53 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Theaters nearby</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Theaters nearby</li>
+      <li class="table-view-cell">
         <strong>Metreon 16</strong>
         <p>1.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 5</strong>
         <p>3.5 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Regal 42</strong>
         <p>7.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>Shorline theater</strong>
         <p>12.5 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 16</strong>
         <p>12.2 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>BW3 16</strong>
         <p>13.4 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>MC Hammer 16</strong>
         <p>14.1 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 3</strong>
         <p>14.3 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 2</strong>
         <p>14.7 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <strong>AMC 10</strong>
         <p>15 miles away</p>
         <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
diff --git a/examples/app-default/index.html b/examples/app-default/index.html
index 72f0fee..4b031f3 100644
--- a/examples/app-default/index.html
+++ b/examples/app-default/index.html
@@ -67,86 +67,86 @@
     </div>
 
     <ul class="table-view">
-      <li class="table-view-divider">Recommended movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Recommended movies</li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Argo</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Skyfall: 007</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Wreck-it Ralph</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li class="table-view-divider">Top movies</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Top movies</li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 4</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 5</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 6</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 7</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 8</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 9</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 10</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 11</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-theater.html" data-transition="slide-in">
           <strong>Movie 12</strong>
           <p>Lorem ipsum dolor sit amet</p>
diff --git a/examples/app-default/theaters.html b/examples/app-default/theaters.html
index 3ec8ad8..1a60f63 100644
--- a/examples/app-default/theaters.html
+++ b/examples/app-default/theaters.html
@@ -53,71 +53,71 @@
   <div class="content">
 
     <ul class="table-view">
-      <li class="table-view-divider">Theaters nearby</li>
-      <li>
+      <li class="table-view-cell table-view-divider">Theaters nearby</li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Metreon 16</strong>
           <p>1.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 5</strong>
           <p>3.5 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Regal 42</strong>
           <p>7.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>Shorline theater</strong>
           <p>12.5 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 16</strong>
           <p>12.2 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>BW3 16</strong>
           <p>13.4 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>MC Hammer 16</strong>
           <p>14.1 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 3</strong>
           <p>14.3 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 2</strong>
           <p>14.7 miles away</p>
           <span class="chevron"></span>
         </a>
       </li>
-      <li>
+      <li class="table-view-cell">
         <a href="choose-movie.html" data-transition="slide-in">
           <strong>AMC 10</strong>
           <p>15 miles away</p>