Refining the test app.

test/app/checkout.html

@@ -49,7 +49,7 @@
   </nav>
 
   <div class="content">
-    <div class="checkout-form content-padded">
+    <div class="form-wrapper">
       <form>
         <div class="input-group">
           <div class="input-row">

test/app/css/app.css

@@ -8,5 +8,9 @@
 }
 
 .form-wrapper {
-  padding: 10px;
+  padding: 10px 0;
+}
+
+.form-wrapper [class*="button"] {
+  margin: 0 10px;
 }

test/app/settings.html

@@ -63,7 +63,7 @@
     	      <input type="text" placeholder="goRatchet">
     	    </div>
     	  </div>
-        <a class="button-block">Save changes</a>
+        <a class="button-block button-negative">Delete Account</a>
     	</form>
     </div>
 	

test/components/index.html

@@ -489,7 +489,7 @@
     <input type="text" placeholder="Full name">
     <input type="search" placeholder="Search">
     <textarea rows="5"></textarea>
-    <a class="button button-block">Choose existing</a>
+    <a class="button-positive button-block button-filled">Choose existing</a>
   </form>
 
   <!-- Input group -->