From 83164132e4686dd8b7d73f6805df1d524d5e6065 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Mon, 16 Nov 2015 15:43:35 -0500
Subject: [PATCH] refactor(item-buttons): moved items outside of list in the
 buttons example

references #387
---
 ionic/components/item/test/buttons/main.html | 152 +++++++++----------
 1 file changed, 74 insertions(+), 78 deletions(-)

diff --git a/ionic/components/item/test/buttons/main.html b/ionic/components/item/test/buttons/main.html
index cb176c17a8..e11cb28a7a 100644
--- a/ionic/components/item/test/buttons/main.html
+++ b/ionic/components/item/test/buttons/main.html
@@ -1,91 +1,87 @@
 <ion-toolbar><ion-title>Items as Links/Buttons</ion-title></ion-toolbar>
 
-<ion-list>
+<a ion-item href="#" (click)="testClick($event)">
+  a[ion-item]
+</a>
 
-  <a ion-item href="#" (click)="testClick($event)">
-    a[ion-item]
-  </a>
+<a ion-item class="activated" href="#" (click)="testClick($event)">
+  a[ion-item].activated
+</a>
 
-  <a ion-item class="activated" href="#" (click)="testClick($event)">
-    a[ion-item].activated
-  </a>
+<button ion-item (click)="testClick($event)">
+  button[ion-item]
+</button>
 
-  <button ion-item (click)="testClick($event)">
-    button[ion-item]
+<button ion-item class="activated" (click)="testClick($event)">
+  button[ion-item].activated
+</button>
+
+<ion-item>
+  <button item-left (click)="testClick($event)">Default</button>
+  Inner Buttons
+  <button outline item-right (click)="testClick($event)">Outline</button>
+</ion-item>
+
+<ion-item>
+  <button item-left (click)="testClick($event)">
+    <icon home></icon>
+    Left Icon
   </button>
-
-  <button ion-item class="activated" (click)="testClick($event)">
-    button[ion-item].activated
+  left icon buttons
+  <button outline item-right (click)="testClick($event)">
+    <icon star></icon>
+    Left Icon
   </button>
+</ion-item>
 
-  <ion-item>
-    <button item-left (click)="testClick($event)">Default</button>
-    Inner Buttons
-    <button outline item-right (click)="testClick($event)">Outline</button>
-  </ion-item>
+<ion-item>
+  <button item-left (click)="testClick($event)">
+    Right Icon
+    <icon home></icon>
+  </button>
+  right icon buttons
+  <button outline item-right (click)="testClick($event)">
+    Right Icon
+    <icon star></icon>
+  </button>
+</ion-item>
 
-  <ion-item>
-    <button item-left (click)="testClick($event)">
-      <icon home></icon>
-      Left Icon
-    </button>
-    left icon buttons
-    <button outline item-right (click)="testClick($event)">
-      <icon star></icon>
-      Left Icon
-    </button>
-  </ion-item>
+<ion-item>
+  <button clear item-left (click)="testClick($event)">
+    <icon navigate></icon>
+  </button>
+  icon only buttons
+  <button clear item-right (click)="testClick($event)">
+    <icon navigate></icon>
+  </button>
+</ion-item>
 
-  <ion-item>
-    <button item-left (click)="testClick($event)">
-      Right Icon
-      <icon home></icon>
-    </button>
-    right icon buttons
-    <button outline item-right (click)="testClick($event)">
-      Right Icon
-      <icon star></icon>
-    </button>
-  </ion-item>
+<ion-item>
+  ion-item right icon/text button
+  <button item-right (click)="testClick($event)">
+    <icon refresh></icon>
+    Refresh
+  </button>
+</ion-item>
 
-  <ion-item>
-    <button clear item-left (click)="testClick($event)">
-      <icon navigate></icon>
-    </button>
-    icon only buttons
-    <button clear item-right (click)="testClick($event)">
-      <icon navigate></icon>
-    </button>
-  </ion-item>
+<ion-item>
+  <button clear item-left (click)="testClick($event)">
+    <icon settings></icon>
+    Settings
+  </button>
+  ion-item left clear button
+</ion-item>
 
-  <ion-item>
-    ion-item right icon/text button
-    <button item-right (click)="testClick($event)">
-      <icon refresh></icon>
-      Refresh
-    </button>
-  </ion-item>
+<ion-item>
+  ion-item right clear button
+  <button secondary clear item-right (click)="testClick($event)">
+    Edit
+  </button>
+</ion-item>
 
-  <ion-item>
-    <button clear item-left (click)="testClick($event)">
-      <icon settings></icon>
-      Settings
-    </button>
-    ion-item left clear button
-  </ion-item>
-
-  <ion-item>
-    ion-item right clear button
-    <button secondary clear item-right (click)="testClick($event)">
-      Edit
-    </button>
-  </ion-item>
-
-  <ion-item text-wrap>
-    This is multiline text that has a
-    long description of about how the text is really long
-    and a <a href="#" (click)="testClick($event)">link</a>.
-    <button outline item-right (click)="testClick($event)">View</button>
-  </ion-item>
-
-</ion-list>
+<ion-item text-wrap>
+  This is multiline text that has a
+  long description of about how the text is really long
+  and a <a href="#" (click)="testClick($event)">link</a>.
+  <button outline item-right (click)="testClick($event)">View</button>
+</ion-item>