cleanup demo copy

demo.css

@@ -170,8 +170,10 @@ html, body, .container {
 }
 
 #add-bookmarklet .explanation {
-    margin: 1rem auto;
     text-align: center;
-    position: relative;
-    top: -0.5rem;
+    font-size: 0.5em;
+}
+
+#add-bookmarklet > a > span {
+  display: block;
 }

demo.html

@@ -22,10 +22,12 @@ <h1>boom.js</h1>
             <div id="info">
                 <a href="http://github.com/nickhs/boom" class="button">View Code on Github</a>
                 <div id="add-bookmarklet">
-                    <a href="/build/bookmarklet.js" class="button">Boom Bookmarklet</a>
-                    <div class="explanation">
-                        <p>drag me to your bookmarks bar</p>
-                    </div>
+                    <a href="/build/bookmarklet.js" class="button">
+                        <span>Boom Bookmarklet</span>
+                        <span class="explanation">
+                            drag me to your bookmarks bar
+                        </span>
+                    </a>
                 </div>
             </div>
         </div>

src/demo/main.js

@@ -88,8 +88,12 @@ class Tempter {
         this.el = document.createElement('div');
         this.el.className = 'tempter';
         this.el.textContent = 'Go on. Click me.';
-
         this.parentEl.appendChild(this.el);
+        this.onClick = this.onClick.bind(this);
+    }
+
+    onClick() {
+        this.el.textContent = 'Click to release. Scroll to size.';
     }
 }
 
@@ -123,6 +127,7 @@ class BombContainer {
 
         let bomb = new Bomb({inert: false});
         document.body.appendChild(bomb.createBomb());
+        this.tempter.onClick();
 
         setTimeout(() =>
             window.addEventListener('click', this.listeners.handleBombDrop),