From 58030bf3efdd87e52a0ba0b2d9c686e6d93e06ad Mon Sep 17 00:00:00 2001
From: erik <erik.kroes@ing.com>
Date: Tue, 3 Sep 2019 11:38:15 +0200
Subject: [PATCH] chore(popup/tooltip): improve DOM order in demo's

---
 packages/popup/stories/index.stories.js   | 12 ++++++------
 packages/tooltip/stories/index.stories.js | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/popup/stories/index.stories.js b/packages/popup/stories/index.stories.js
index 6fa0bb8c6..c22745006 100644
--- a/packages/popup/stories/index.stories.js
+++ b/packages/popup/stories/index.stories.js
@@ -59,8 +59,8 @@ storiesOf('Local Overlay System|Popup', module)
       </style>
       <div class="demo-box">
         <lion-popup .popperConfig="${{ placement: 'top' }}">
-          <div slot="content" class="popup">Hello there!</div>
           <lion-button slot="invoker">Popup</lion-button>
+          <div slot="content" class="popup">Hello there!</div>
         </lion-popup>
       </div>
     `,
@@ -73,20 +73,20 @@ storiesOf('Local Overlay System|Popup', module)
       </style>
       <div class="demo-box_placements">
         <lion-popup .popperConfig="${{ placement: 'top' }}">
-          <div slot="content" class="popup">Its top placement</div>
           <lion-button slot="invoker">Top</lion-button>
+          <div slot="content" class="popup">Its top placement</div>
         </lion-popup>
         <lion-popup .popperConfig="${{ placement: 'right' }}">
-          <div slot="content" class="popup">Its right placement</div>
           <lion-button slot="invoker">Right</lion-button>
+          <div slot="content" class="popup">Its right placement</div>
         </lion-popup>
         <lion-popup .popperConfig="${{ placement: 'bottom' }}">
-          <div slot="content" class="popup">Its bottom placement</div>
           <lion-button slot="invoker">Bottom</lion-button>
+          <div slot="content" class="popup">Its bottom placement</div>
         </lion-popup>
         <lion-popup .popperConfig="${{ placement: 'left' }}">
-          <div slot="content" class="popup">Its left placement</div>
           <lion-button slot="invoker">Left</lion-button>
+          <div slot="content" class="popup">Its left placement</div>
         </lion-popup>
       </div>
     `,
@@ -123,8 +123,8 @@ storiesOf('Local Overlay System|Popup', module)
             },
           })}"
         >
-          <div slot="content" class="popup">${text('Content text', 'Hello, World!')}</div>
           <lion-button slot="invoker">${text('Invoker text', 'Click me!')}</lion-button>
+          <div slot="content" class="popup">${text('Content text', 'Hello, World!')}</div>
         </lion-popup>
       </div>
     `,
diff --git a/packages/tooltip/stories/index.stories.js b/packages/tooltip/stories/index.stories.js
index 0d7e4c1ac..9be5424ce 100644
--- a/packages/tooltip/stories/index.stories.js
+++ b/packages/tooltip/stories/index.stories.js
@@ -59,8 +59,8 @@ storiesOf('Local Overlay System|Tooltip', module)
       </style>
       <div class="demo-box">
         <lion-tooltip .popperConfig=${{ placement: 'right' }}>
-          <div slot="content" class="tooltip">Hello there!</div>
           <lion-button slot="invoker">Tooltip</lion-button>
+          <div slot="content" class="tooltip">Hello there!</div>
         </lion-tooltip>
       </div>
     `,
@@ -73,20 +73,20 @@ storiesOf('Local Overlay System|Tooltip', module)
       </style>
       <div class="demo-box_placements">
         <lion-tooltip .popperConfig=${{ placement: 'top' }}>
-          <div slot="content" class="tooltip">Its top placement</div>
           <lion-button slot="invoker">Top</lion-button>
+          <div slot="content" class="tooltip">Its top placement</div>
         </lion-tooltip>
         <lion-tooltip .popperConfig=${{ placement: 'right' }}>
-          <div slot="content" class="tooltip">Its right placement</div>
           <lion-button slot="invoker">Right</lion-button>
+          <div slot="content" class="tooltip">Its right placement</div>
         </lion-tooltip>
         <lion-tooltip .popperConfig=${{ placement: 'bottom' }}>
-          <div slot="content" class="tooltip">Its bottom placement</div>
           <lion-button slot="invoker">Bottom</lion-button>
+          <div slot="content" class="tooltip">Its bottom placement</div>
         </lion-tooltip>
         <lion-tooltip .popperConfig=${{ placement: 'left' }}>
-          <div slot="content" class="tooltip">Its left placement</div>
           <lion-button slot="invoker">Left</lion-button>
+          <div slot="content" class="tooltip">Its left placement</div>
         </lion-tooltip>
       </div>
     `,
@@ -123,8 +123,8 @@ storiesOf('Local Overlay System|Tooltip', module)
             },
           })}"
         >
-          <div slot="content" class="tooltip">${text('Content text', 'Hello, World!')}</div>
           <lion-button slot="invoker">${text('Invoker text', 'Click me!')}</lion-button>
+          <div slot="content" class="tooltip">${text('Content text', 'Hello, World!')}</div>
         </lion-tooltip>
       </div>
     `,