Updated popover test spacing.

sjohnsonaz · Nov 1, 2017 · 8d14695 · 8d14695
1 parent 539ece1
commit 8d14695
Showing 1 changed file with 21 additions and 8 deletions.
diff --git a/test/html/popover.html b/test/html/popover.html
@@ -2,11 +2,16 @@
 <html>
 
 <head>
-    <title>Artistry</title>
+    <title>Popovers - Artistry</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <link rel="stylesheet" href="../../dist/artistry.css" />
     <script src="../build/index.js" type="text/javascript"></script>
     <style type="text/css">
+        table {
+            margin: auto;
+            width: 65%;
+        }
+
         td {
             padding-top: 150px;
         }
@@ -34,21 +39,23 @@
 </head>
 
 <body>
-    <h1>Artistry - Popovers</h1>
+    <h1>Popovers</h1>
     <section class="section">
-        <header>Popovers</header>
+        <header>Directions</header>
         <div class="section-content">
-            <table style="width: 100%">
+            <table>
                 <tr>
                     <td>
                         <button class="button popover-trigger">
                             <div class="popover popover-left popover-align-top popover-open">
                                 <div class="popover-content">
                                     Popover
                                     <br /> Content
+                                    <br /> Content
                                 </div>
                             </div>
-                            Popover Button
+                            Popover
+                            <br /> Button
                         </button>
                     </td>
                     <td>
@@ -81,9 +88,11 @@ <h1>Artistry - Popovers</h1>
                                 <div class="popover-content">
                                     Popover
                                     <br /> Content
+                                    <br /> Content
                                 </div>
                             </div>
-                            Popover Button
+                            Popover
+                            <br /> Button
                         </button>
                     </td>
                 </tr>
@@ -144,9 +153,11 @@ <h1>Artistry - Popovers</h1>
                                 <div class="popover-content">
                                     Popover
                                     <br /> Content
+                                    <br /> Content
                                 </div>
                             </div>
-                            Popover Button
+                            Popover
+                            <br /> Button
                         </button>
                     </td>
                     <td>
@@ -179,9 +190,11 @@ <h1>Artistry - Popovers</h1>
                                 <div class="popover-content">
                                     Popover
                                     <br /> Content
+                                    <br /> Content
                                 </div>
                             </div>
-                            Popover Button
+                            Popover
+                            <br /> Button
                         </button>
                     </td>
                 </tr>