Make user signup easier to read & enter

app/views/devise/registrations/_user_profile_fields.html.haml

@@ -1,24 +1,25 @@
 %fieldset
-  = f.label :addrStreet1
+  .control-group
-  %br/
+    = f.label :addrStreet1, :class => "control-label"
-  = f.text_field :addrStreet1
+    .controls
-  %br/
+      = f.text_field :addrStreet1, :class => "control-label"
-  = f.label :addrStreet2
+  .control-group
-  %br/
+    = f.label :addrStreet2, :class => "control-label"
-  = f.text_field :addrStreet2
+    .controls
-  %br/
+      = f.text_field :addrStreet2, :class => "control-label"
-  = f.label :addrCity
+  .control-group
-  %br/
+    = f.label :addrCity, :class => "control-label"
-  = f.text_field :addrCity
+    .controls
-  %br/
+      = f.text_field :addrCity, :class => "control-label"
-  = f.label :addrState
+  .control-group
-  %br/
+    = f.label :addrState, :class => "control-label"
-  = f.text_field :addrState
+    .controls
-  %br/
+      = f.text_field :addrState, :class => "control-label"
-  = f.label :addrZip
+  .control-group
-  %br/
+    = f.label :addrZip, :class => "control-label"
-  = f.text_field :addrZip
+    .controls
-  %br/
+      = f.text_field :addrZip, :class => "control-label"
-  = f.label :phone
+  .control-group
-  %br/
+    = f.label :phone, :class => "control-label"
-  = f.text_field :phone
+    .controls
+      = f.text_field :phone, :class => "control-label"

app/views/devise/registrations/new.html.haml

@@ -1,34 +1,36 @@
 = stylesheet_link_tag "bootstrap_and_overrides", :media => "all"
-%h2 Sign up
+= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :class => "form-horizontal"}) do |f|
-= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f|
   = devise_error_messages!
-  %div
+  .controls
-    = f.label :username
+    %h2 Sign up
-    %br/
+  .control-group
-    = f.text_field :username
+    = f.label :username, :class => "control-label"
-  %div
+    .controls
-    = f.label :first_name
+      = f.text_field :username
-    %br/
+  .control-group
-    = f.text_field :first_name
+    = f.label :first_name, :class => "control-label"
-  %div
+    .controls
-    = f.label :last_name
+      = f.text_field :first_name
-    %br/
+  .control-group
-    = f.text_field :last_name
+    = f.label :last_name, :class => "control-label"
-  %div
+    .controls
-    = f.label :email
+      = f.text_field :last_name
-    %br/
+  .control-group
-    = f.email_field :email
+    = f.label :email, :class => "control-label"
-  %div
+    .controls
-    - profile_builder = resource.user_profiles.empty? ? resource.user_profiles.build : resource.user_profiles
+      = f.email_field :email
-    = f.fields_for :user_profiles, profile_builder do |builder|
+  - profile_builder = resource.user_profiles.empty? ? resource.user_profiles.build : resource.user_profiles
-      = render 'user_profile_fields', f: builder
+  = f.fields_for :user_profiles, profile_builder do |builder|
-  %div
+    = render 'user_profile_fields', f: builder
-    = f.label :password
+  .control-group
-    %br/
+    = f.label :password, :class => "control-label"
-    = f.password_field :password
+    .controls
-  %div
+      = f.password_field :password
-    = f.label :password_confirmation
+  .control-group
-    %br/
+    = f.label :password_confirmation, :class => "control-label"
-    = f.password_field :password_confirmation
+    .controls
-  %div= f.submit "Sign up"
+      = f.password_field :password_confirmation
+  .control-group
+    .controls
+      = f.submit "Sign up"
 = render "links"