Style the user edit page

views/style/application.sass

@@ -9,6 +9,7 @@ body
   line-height: 20px
   background: #e7f6ff
   color: $light
+  text-align: center
 
 // Mixin
 @mixin b_small
@@ -50,6 +51,7 @@ ul
   -webkit-border-radius: 5px
   border-radius: 5px
   background: $dark
+  padding: 6px 10px
 
   &:hover
     background: $light
@@ -61,12 +63,10 @@ ul
 
   h1
     margin-top: 65px
-    text-align: center
     font-size: 32px
     line-height: 40px
 
 header
-  text-align: center
 
   h1
     padding-top: 260px
@@ -79,7 +79,6 @@ header
     margin: 35px auto 0
     font-size: 18px
     font-weight: normal
-    text-align: center
     text-decoration: none
     line-height: 50px
     background: url(/images/b_login.png) no-repeat
@@ -95,11 +94,6 @@ header
     line-height: 28px
     -moz-border-radius: 5px
     -webkit-border-radius: 5px
-
-  input[type="submit"]
-    width: 97px
-    height: 29px
-
   p
     margin-bottom: 10px
     border-top: dashed 1px #E7F6FF
@@ -136,6 +130,7 @@ div#ad
 #new
   padding: 40px 0 180px
   background: url("images/bg_new.png") repeat-x
+  text-align: left
 
   a
     font-size: 16px
@@ -182,7 +177,6 @@ footer
 .single
   width: 480px
   margin-top: 65px
-  text-align: center
 
   h1 a
     padding: 0 5px
@@ -208,6 +202,15 @@ footer
     &.small
       @include b_small
 
+form
+  display: inline-block
+  padding: 10px
+
+fieldset
+  text-align: left
+  margin: 10px 0
+  padding: 10px
+
 hr
   margin: 0px
   visibility: hidden

views/users/edit.haml

@@ -1,30 +1,30 @@
-%h1 Adding your work
-%h2= "Hi #{@user.login}, here's a list of every Github project you started."
+.wrap
+  %h1 Adding your work
+  %h2= "Hi #{@user.login}, here's a list of every Github project you started."
+  %p If you have a project you don't want to have listed, just skip it. Also, you can always come back later and edit your project's states.
 
-If you have a project you don't want to have listed, just skip it. Also, you can always come back later and edit your project's states.
+  %form{:action => "/users/#{@user.id}", :method => 'post'}
 
-%form{:action => "/users/#{@user.id}", :method => 'post'}
+    - @projects.each do |project|
+      %fieldset
+        %h2
+          Is
+          %a{:href => "https://github.com/#{project.user}/#{project.name}"}= project.name
+          still being maintained?
 
-  - @projects.each do |project|
-    %fieldset
-      %h2
-        Is
-        %a{:href => "https://github.com/#{project.user}/#{project.name}"}= project.name
-        still being maintained?
+        %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'maintained', :id => "#{project.name}_maintained", :checked => project.state == 'maintained'}
+        %label Yes.
+        %br
 
-      %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'maintained', :id => "#{project.name}_maintained", :checked => project.state == 'maintained'}
-      %label Yes.
-      %br
+        %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'searching', :id => "#{project.name}_searching", :checked => project.state == 'searching'}
+        %label No, I'm looking for a new maintainer.
+        %br
 
-      %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'searching', :id => "#{project.name}_searching", :checked => project.state == 'searching'}
-      %label No, I'm looking for a new maintainer.
-      %br
+        %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'abandoned', :id => "#{project.name}_abandoned", :checked => project.state == 'abandoned'}
+        %label No, the project is abandoned.
+        %br
 
-      %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'abandoned', :id => "#{project.name}_abandoned", :checked => project.state == 'abandoned'}
-      %label No, the project is abandoned.
-      %br
+        %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'hide', :id => "#{project.name}_hide", :checked => !project.visible }
+        %label Don't list this project
 
-      %input{:type => 'radio', :name => "projects[#{project.user}][#{project.name}]", :value => 'hide', :id => "#{project.name}_hide", :checked => !project.visible }
-      %label Don't list this project
-
-  %input{:type => 'submit', :value => 'Submit'}
+    %input{:type => 'submit', :value => 'Submit', :class => 'small button'}