More popover stuff

dist/ratchet.css

@@ -475,12 +475,13 @@ strong {
 
 .popover .table-view {
   width: auto;
-  max-height: 250px;
+  max-height: 300px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   overflow: auto;
   background-color: #fff;
+  border-radius: 12px;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -933,11 +934,6 @@ input[type="button"] {
   transform: translate3d(0, 0, 0);
 }
 
-.popover-content {
-  overflow: hidden;
-  border-radius: 12px;
-}
-
 .backdrop {
   position: fixed;
   top: 0;

docs/index.html

@@ -959,7 +959,6 @@ document
                   Right
                 </a>
               </header>
-              <div class="popover-content">
               <ul class="table-view">
                 <li>Item1</li>
                 <li>Item2</li>
@@ -972,7 +971,6 @@ document
               </ul>
             </div>
           </div>
-          </div>
 
 <pre class="prettyprint">
 &lt;div id=&quot;myPopover&quot; class=&quot;popover&quot;&gt;
@@ -985,8 +983,6 @@ document
       Right
     &lt;/a&gt;
   &lt;/header&gt;
-
-  &lt;div class=&quot;popover-content&quot;&gt;
   &lt;ul class=&quot;table-view&quot;&gt;
     &lt;li&gt;Item1&lt;/li&gt;
     &lt;li&gt;Item2&lt;/li&gt;
@@ -998,7 +994,6 @@ document
     &lt;li&gt;Item8&lt;/li&gt;
   &lt;/ul&gt;
 &lt;/div&gt;
-&lt;/div&gt;
 </pre>
 
           <p class="component-description">Popovers are designed to only fire from <a href="#bars">title bars</a>. Set the value of the title href to the id of a popover, like so:</p>

examples/components/classic/index.html

@@ -45,7 +45,6 @@
         Filter
       </a>
     </header>
-    <div class="popover-content">
     <ul class="table-view">
       <li>Item1</li>
       <li>Item2</li>
@@ -60,7 +59,6 @@
       <li>Item3 <span class="chevron"></span></li>
     </ul>
   </div>
-  </div>
 
   <div class="content">
 

examples/components/default/index.html

@@ -45,7 +45,6 @@
         Filter
       </a>
     </header>
-    <div class="popover-content">
     <ul class="table-view">
       <li>Item1</li>
       <li>Item2</li>
@@ -60,7 +59,6 @@
       <li>Item3 <span class="chevron"></span></li>
     </ul>
   </div>
-  </div>
 
   <div class="content">
 

lib/sass/popovers.scss

@@ -43,11 +43,6 @@
   }
 }
 
-.popover-content {
-  overflow: hidden;
-  border-radius: 12px;
-}
-
 // Backdrop (used as invisible touch escape)
 // --------------------------------------------------
 

lib/sass/table-views.scss

@@ -124,11 +124,12 @@
 
 .popover .table-view {
   width: auto;
-  max-height: 250px;
+  max-height: 300px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   overflow: auto;
   background-color: #fff;
+  border-radius: 12px;
   -webkit-overflow-scrolling: touch;
 }