Use fieldset. Improved profile

app/views/keys/index.html.haml

@@ -18,5 +18,5 @@
   - if @keys.blank?
     %tr
       %td{colspan: 3}
-        %h3.nothing_here_message There are no SSH keys with access to your account.
+        %p.nothing_here_message There are no SSH keys with access to your account.
 

app/views/profile/account.html.haml

@@ -1,7 +1,6 @@
 - if Gitlab.config.omniauth_enabled?
   %fieldset
-    %legend
-      %h3.page_title Social Accounts
+    %legend Social Accounts
     .oauth_select_holder
       %p.hint Tip: Click on icon to activate sigin with one of the following services
       - User.omniauth_providers.each do |provider|
@@ -11,10 +10,9 @@
 
 %fieldset
   %legend
-    %h3.page_title
-      Private token
-      %span.cred.right
-        keep it secret!
+    Private token
+    %span.cred.right
+      keep it secret!
   .padded
     = form_for @user, url: profile_reset_private_token_path, method: :put do |f|
       .data
@@ -31,8 +29,7 @@
             = f.submit 'Generate', class: "btn success btn-build-token"
 
 %fieldset
-  %legend
-    %h3.page_title Password
+  %legend Password
   = form_for @user, url: profile_password_path, method: :put do |f|
     .padded
       %p.slead After successful password update you will be redirected to login page where you should login with new password

app/views/profile/design.html.haml

@@ -1,7 +1,6 @@
 = form_for @user, url: profile_update_path, remote: true, method: :put do |f|
-  %div
-    %h3.page_title Application theme
-    %br
+  %fieldset
+    %legend Application theme
     .themes_opts
       = label_tag do
         .prev
@@ -23,19 +22,19 @@
     %br
     .clearfix
 
-  %h3.page_title Code review
-  %br
-  .themes_opts
-    = label_tag do
-      .prev
-        = image_tag "white.png"
-      = f.radio_button :dark_scheme, false
-      White code preview
-    = label_tag do
-      .prev
-        = image_tag "dark.png"
-      = f.radio_button :dark_scheme, true
-      Dark code preview
+  %fieldset
+    %legend Code review
+    .themes_opts
+      = label_tag do
+        .prev
+          = image_tag "white.png"
+        = f.radio_button :dark_scheme, false
+        White code preview
+      = label_tag do
+        .prev
+          = image_tag "dark.png"
+        = f.radio_button :dark_scheme, true
+        Dark code preview
 
 :javascript
   $(function(){

app/views/profile/show.html.haml

@@ -1,5 +1,5 @@
 .profile_avatar_holder
-  = image_tag gravatar_icon(@user.email, 90), class: "styled_image"
+  = image_tag gravatar_icon(@user.email, 90)
 %h3.page_title
   = @user.name
   %br
@@ -19,21 +19,23 @@
       .control-group
         = f.label :name, class: "control-label"
         .controls
-          = f.text_field :name, class: "input-xlarge"
+          = f.text_field :name, class: "input-xlarge", required: true
           %span.help-block Enter your name, so people you know can recognize you.
       .control-group
         = f.label :email, class: "control-label"
         .controls
-          = f.text_field :email, class: "input-xlarge"
+          = f.text_field :email, class: "input-xlarge", required: true
           %span.help-block We also use email for avatar detection.
 
     .span5.right
-      %div.tips
-        %h6 Tips:
+      %fieldset.tips
+        %legend Tips:
         %ul
+          %li
+            %p You can change your password on Account page
           -unless Gitlab.config.disable_gravatar?
             %li
-              %p.hint You can change your avatar at #{link_to "gravatar.com", "http://gravatar.com"}
+              %p You can change your avatar at #{link_to "gravatar.com", "http://gravatar.com"}
 
           - if Gitlab.config.omniauth_enabled? && @user.provider?
             %li
@@ -41,7 +43,6 @@
                 You can login through #{@user.provider.titleize}!
                 = link_to "click here to change", profile_account_path
 
-  %hr
   .row
     .span7
       .control-group
@@ -59,23 +60,22 @@
           = f.text_area :bio, rows: 6, class: "input-xlarge", maxlength: 250
           %span.help-block Tell us about yourself in fewer than 250 characters.
     .span5.right
-      .ui-box.white
-        .ui-box-body
-          %h4
-            Personal projects:
-            %small.right
-              %span= current_user.my_own_projects.count
-              of
-              %span= current_user.projects_limit
+      %fieldset
+        %legend
+          Personal projects:
+          %small.right
+            %span= current_user.my_own_projects.count
+            of
+            %span= current_user.projects_limit
+        .padded
           .progress
             .bar{style: "width: #{current_user.projects_limit_percent}%;"}
 
-      .ui-box.white
-        .ui-box-body
-          %h4
-            SSH public keys:
-            %strong.right= link_to current_user.keys.count, keys_path
-
+      %fieldset
+        %legend
+          SSH public keys:
+          %strong.right= link_to current_user.keys.count, keys_path
+        .padded
           = link_to "Add Public Key", new_key_path, class: "btn small"
 
   .form-actions