making popovers show up in the docs.

components.html

@@ -819,13 +819,13 @@ document
     <div class="component-example">
       <div id="popover" class="popover">  
         <header class="bar-nav">
-          <a class="button">
+          <a class="button-link pull-left">
             Left
           </a>
-          <h3 class="title">Popover title</h3>
+          <a class="button-link pull-right">
-          <a class="button">
             Right
           </a>
+          <h3 class="title">Popover title</h3>
         </header>
         <ul class="table-view">
           <li class="table-view-cell">Item1</li>
@@ -843,13 +843,13 @@ document
 {% highlight html %}
 <div id="popover" class="popover">  
   <header class="bar-nav">
-    <a class="button">
+    <a class="button-link pull-left">
       Left
     </a>
-    <h3 class="title">Popover title</h3>
+    <a class="button-link pull-right">
-    <a class="button">
       Right
     </a>
+    <h3 class="title">Popover title</h3>
   </header>
   <ul class="table-view">
     <li class="table-view-cell">Item1</li>

docs-assets/css/docs.css

@@ -235,6 +235,12 @@ hr {
     right: 0;
     bottom: 0;
   }
+  .iphone .popover {
+    position: absolute;
+    display: block;
+    top: 72px;
+    opacity: 1;
+  }
   .iphone .slider li img {
     width: 100%;
   }