Lots of styling; avatars, payment methods, and more.

app/assets/javascripts/users.js.coffee

@@ -3,4 +3,5 @@
 # You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
 jQuery ->
   $('#user_payment_method').change ->
-      $('#pmt_'+$(this).value).css('display: inline')
+    $('.payment_instructions').hide()
+    $('#pmt_'+$(this).val()).show()

app/assets/stylesheets/scaffolds.css.scss

@@ -4,6 +4,7 @@ body {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
   line-height: 18px;
+  margin: 0;
 }
 
 p, ol, ul, td {
@@ -35,10 +36,23 @@ div {
   }
 }
 
+#header {
+  background-color: #eee; border: 1px solid #ddd;
+  border-bottom-left-radius: 1em;
+  border-bottom-right-radius: 1em;
+  padding: 0.5em;
+}
+
+#header a {
+  margin-right: 1em;
+}
+
 #notice {
   color: green;
 }
 
+#content { margin: 1em; }
+
 .field_with_errors {
   padding: 2px;
   background-color: red;

app/assets/stylesheets/users.css.scss

@@ -5,4 +5,9 @@
 .iconinfo, .hoverinfo { font-size: 1.5em; }
 .hoverinfo { cursor: progress; }
 
+.payment_links { background-color: #ddd; padding: 1em; border-radius: 1em;
+  display: inline-block; float: right; }
+
+.avatar { height: 2em; width: 2em; }
+
 textarea { height: 10em; }