From fcbb16afc6c5eee52c3be9aa69f2af9df21a07d8 Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Thu, 9 Aug 2018 13:51:02 -0400
Subject: [PATCH] Organize styleguide

---
 templates/styleguide.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/templates/styleguide.html b/templates/styleguide.html
index 753e2d94..f5b32657 100644
--- a/templates/styleguide.html
+++ b/templates/styleguide.html
@@ -128,12 +128,6 @@
         <div class='col col--grow'>col 12</div>
       </div>
 
-        <h5>Tooltips</h5>
-        <span v-tooltip="'this is a tooltip text'">{{ Icon('help') }}</span><code>top</code> <br>
-        <span v-tooltip.top-start="'this is a tooltip text'">{{ Icon('help') }}</span><code>top-start</code> <br>
-        <span v-tooltip.right="'this is a tooltip text'">{{ Icon('help') }}</span><code>right</code> <br>
-        <span v-tooltip.bottom="'this is a tooltip text'">{{ Icon('help') }}</span><code>bottom</code> <br>
-
       <form>
         <textinput inline-template validation='dollars' value='1231231'>
           <div v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid }]">
@@ -288,6 +282,14 @@
         </div>
 
       </form>
+
+      <hr>
+      <h5>Tooltips</h5>
+      <span v-tooltip="'this is a tooltip text'">{{ Icon('help') }}</span><code>top</code> <br>
+      <span v-tooltip.top-start="'this is a tooltip text'">{{ Icon('help') }}</span><code>top-start</code> <br>
+      <span v-tooltip.right="'this is a tooltip text'">{{ Icon('help') }}</span><code>right</code> <br>
+      <span v-tooltip.bottom="'this is a tooltip text'">{{ Icon('help') }}</span><code>bottom</code> <br>
+
     </div>
   </div>