Make user signup easier to read & enter

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

@@ -1,24 +1,25 @@
 %fieldset
-  = f.label :addrStreet1
-  %br/
-  = f.text_field :addrStreet1
-  %br/
-  = f.label :addrStreet2
-  %br/
-  = f.text_field :addrStreet2
-  %br/
-  = f.label :addrCity
-  %br/
-  = f.text_field :addrCity
-  %br/
-  = f.label :addrState
-  %br/
-  = f.text_field :addrState
-  %br/
-  = f.label :addrZip
-  %br/
-  = f.text_field :addrZip
-  %br/
-  = f.label :phone
-  %br/
-  = f.text_field :phone
+  .control-group
+    = f.label :addrStreet1, :class => "control-label"
+    .controls
+      = f.text_field :addrStreet1, :class => "control-label"
+  .control-group
+    = f.label :addrStreet2, :class => "control-label"
+    .controls
+      = f.text_field :addrStreet2, :class => "control-label"
+  .control-group
+    = f.label :addrCity, :class => "control-label"
+    .controls
+      = f.text_field :addrCity, :class => "control-label"
+  .control-group
+    = f.label :addrState, :class => "control-label"
+    .controls
+      = f.text_field :addrState, :class => "control-label"
+  .control-group
+    = f.label :addrZip, :class => "control-label"
+    .controls
+      = f.text_field :addrZip, :class => "control-label"
+  .control-group
+    = f.label :phone, :class => "control-label"
+    .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)) do |f|
+= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :class => "form-horizontal"}) do |f|
   = devise_error_messages!
-  %div
-    = f.label :username
-    %br/
+  .controls
+    %h2 Sign up
+  .control-group
+    = f.label :username, :class => "control-label"
+    .controls
       = f.text_field :username
-  %div
-    = f.label :first_name
-    %br/
+  .control-group
+    = f.label :first_name, :class => "control-label"
+    .controls
       = f.text_field :first_name
-  %div
-    = f.label :last_name
-    %br/
+  .control-group
+    = f.label :last_name, :class => "control-label"
+    .controls
       = f.text_field :last_name
-  %div
-    = f.label :email
-    %br/
+  .control-group
+    = f.label :email, :class => "control-label"
+    .controls
       = f.email_field :email
-  %div
   - profile_builder = resource.user_profiles.empty? ? resource.user_profiles.build : resource.user_profiles
   = f.fields_for :user_profiles, profile_builder do |builder|
     = render 'user_profile_fields', f: builder
-  %div
-    = f.label :password
-    %br/
+  .control-group
+    = f.label :password, :class => "control-label"
+    .controls
       = f.password_field :password
-  %div
-    = f.label :password_confirmation
-    %br/
+  .control-group
+    = f.label :password_confirmation, :class => "control-label"
+    .controls
       = f.password_field :password_confirmation
-  %div= f.submit "Sign up"
+  .control-group
+    .controls
+      = f.submit "Sign up"
 = render "links"