button demo updates

ionic/components/button/test/clear/main.html

@@ -1,15 +1,46 @@
-<div>
-  <button clear primary>Primary</button>
-  <button clear secondary>Secondary</button>
-  <button clear danger>Danger</button>
-  <button clear light>Light</button>
-  <button clear stable>Stable</button>
-  <button clear dark>Dark</button>
-</div>
 
-<style>
-button, [button] {
-  display: block !important;
-  margin: 10px auto 10px auto !important;
-}
-</style>
+<div class="padding" style="text-align:center">
+
+  <p>
+    <button clear>D</button>
+    <button clear class="hover">D.hover</button>
+    <button clear class="activated">D.activated</button>
+  </p>
+
+  <p>
+    <button clear primary>P</button>
+    <button clear primary class="hover">P.hover</button>
+    <button clear primary class="activated">P.activated</button>
+  </p>
+
+  <p>
+    <button clear secondary>S</button>
+    <button clear secondary class="hover">S.hover</button>
+    <button clear secondary class="activated">S.activated</button>
+  </p>
+
+  <p>
+    <button clear danger>D</button>
+    <button clear danger class="hover">D.hover</button>
+    <button clear danger class="activated">D.activated</button>
+  </p>
+
+  <p>
+    <button clear light>L</button>
+    <button clear light class="hover">L.hover</button>
+    <button clear light class="activated">L.activated</button>
+  </p>
+
+  <p>
+    <button clear stable>S</button>
+    <button clear stable class="hover">S.hover</button>
+    <button clear stable class="activated">S.activated</button>
+  </p>
+
+  <p>
+    <button clear dark>D</button>
+    <button clear dark class="hover">D.hover</button>
+    <button clear dark class="activated">D.activated</button>
+  </p>
+
+</div>