Update form classes

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

Update form classes
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Dmitriy Zaporozhets
1 parent 2ecf8319
Showing 39 changed files with 231 additions and 260 deletions Show diff stats
app/assets/stylesheets/gitlab_bootstrap/forms.scss
app/assets/stylesheets/sections/profile.scss
app/views/admin/broadcast_messages/index.html.haml
app/views/admin/groups/edit.html.haml
app/views/admin/groups/new.html.haml
app/views/admin/hooks/index.html.haml
app/views/admin/projects/index.html.haml
app/views/admin/projects/show.html.haml
app/views/admin/users/_form.html.haml
app/views/groups/_new_group_member.html.haml
app/views/groups/edit.html.haml
app/views/groups/new.html.haml
app/views/profiles/keys/_form.html.haml
app/views/profiles/passwords/edit.html.haml
app/views/profiles/passwords/new.html.haml
app/views/profiles/show.html.haml
app/views/projects/_visibility_level.html.haml
app/views/projects/blob/_remove.html.haml
app/views/projects/branches/new.html.haml
app/views/projects/commits/_image.html.haml
@@ -32,34 +32,6 @@ form {
   }
 }
  
-input.input-xpadding,
-.add-on.input-xpadding {
-  padding: 6px 10px;
-}
-
-.control-group {
-  @extend .form-group;
-
-  .control-label {
-    padding-top: 6px;
-  }
-  .controls {
-    @extend .col-sm-10;
-
-    input, textarea {
-      padding: 6px 10px;
-    }
-
-    input[type="radio"], input[type="checkbox"] {
-      margin-top: 6px;
-    }
-
-    .add-on {
-      padding: 6px;
-    }
-  }
-}
-
 input[type='search'].search-text-input {
   background-image: url("icon-search.png");
   background-repeat: no-repeat;
@@ -77,7 +49,6 @@ input[type=&#39;text&#39;].danger {
  
 fieldset legend {
   font-size: 16px;
-  margin-bottom: 10px;
 }
  
 .datetime-controls {
@@ -17,7 +17,7 @@
  
     legend {
       border: none;
-      margin: 0;
+      margin-bottom: 10px;
     }
   }
 }
@@ -11,30 +11,30 @@
     .alert.alert-error
       - @broadcast_message.errors.full_messages.each do |msg|
         %p= msg
-  .control-group
+  .form-group
     = f.label :message
-    .controls
+    .col-sm-10
       = f.text_area :message, class: "input-xxlarge", rows: 2, required: true
       %div
         = link_to '#', class: 'js-toggle-colors-link' do
           Customize colors
-  .control-group.js-toggle-colors-container.gl-hide
+  .form-group.js-toggle-colors-container.gl-hide
     = f.label :color, "Background Color"
-    .controls
+    .col-sm-10
       = f.text_field :color, placeholder: "#AA33EE"
       .light Hex values as 3 double digit numbers, starting with a # sign.
-  .control-group.js-toggle-colors-container.gl-hide
+  .form-group.js-toggle-colors-container.gl-hide
     = f.label :font, "Font Color"
-    .controls
+    .col-sm-10
       = f.text_field :font, placeholder: "#224466"
       .light Hex values as 3 double digit numbers, starting with a # sign.
-  .control-group
+  .form-group
     = f.label :starts_at
-    .controls.datetime-controls
+    .col-sm-10.datetime-controls
       = f.datetime_select :starts_at
-  .control-group
+  .form-group
     = f.label :ends_at
-    .controls.datetime-controls
+    .col-sm-10.datetime-controls
       = f.datetime_select :ends_at
   .form-actions
     = f.submit "Add broadcast message", class: "btn btn-create"
@@ -4,21 +4,21 @@
   - if @group.errors.any?
     .alert.alert-error
       %span= @group.errors.full_messages.first
-  .control-group.group_name_holder
+  .form-group.group_name_holder
     = f.label :name do
       Group name
-    .controls
+    .col-sm-10
       = f.text_field :name, placeholder: "Example Group", class: "input-xxlarge"
  
-  .control-group.group-description-holder
+  .form-group.group-description-holder
     = f.label :description, "Details"
-    .controls
+    .col-sm-10
       = f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
  
-  .control-group.group_name_holder
+  .form-group.group_name_holder
     = f.label :path do
       %span.cred Group path
-    .controls
+    .col-sm-10
       = f.text_field :path, placeholder: "example-group", class: "input-xxlarge danger"
       %ul.cred
         %li Changing group path can have unintended side effects.
@@ -4,14 +4,14 @@
   - if @group.errors.any?
     .alert.alert-error
       %span= @group.errors.full_messages.first
-  .control-group
+  .form-group
     = f.label :name do
       Group name
-    .controls
+    .col-sm-10
       = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"
-  .control-group.group-description-holder
+  .form-group.group-description-holder
     = f.label :description, "Details"
-    .controls
+    .col-sm-10
       = f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
  
   .form-actions
@@ -13,9 +13,9 @@
     .alert.alert-error
       - @hook.errors.full_messages.each do |msg|
         %p= msg
-  .control-group
+  .form-group
     = f.label :url, "URL:"
-    .controls
+    .col-sm-10
       = f.text_field :url, class: "text_field input-xxlarge input-xpadding"
       &nbsp;
       = f.submit "Add System Hook", class: "btn btn-create"
@@ -2,32 +2,32 @@
   .col-md-4
     .admin-filter
       = form_tag admin_projects_path, method: :get, class: 'form-inline' do
-        .control-group
+        .form-group
           = label_tag :name, 'Name:', class: 'control-label'
-          .controls
+          .col-sm-10
             = text_field_tag :name, params[:name], class: "span2"
  
-        .control-group
+        .form-group
           = label_tag :owner_id, 'Owner:', class: 'control-label'
-          .controls
+          .col-sm-10
             = users_select_tag :owner_id, selected: params[:owner_id], class: 'input-large input-clamp'
-        .control-group.visibility-levels
+        .form-group.visibility-levels
           = label_tag :visibility_level, 'Visibility Levels', class: 'control-label'
           - Project.visibility_levels.each do |label, level|
-            .controls
+            .col-sm-10
               = check_box_tag 'visibility_levels[]', level, params[:visibility_levels].present? && params[:visibility_levels].include?(level.to_s)
               %span.descr
                 = visibility_level_icon(level)
                 = label
-        .control-group
+        .form-group
           = label_tag :with_push, 'Not empty', class: 'control-label'
-          .controls
+          .col-sm-10
             = check_box_tag :with_push, 1, params[:with_push]
             &nbsp;
             %span.light Projects with push events
-        .control-group
+        .form-group
           = label_tag :abandoned, 'Abandoned', class: 'control-label'
-          .controls
+          .col-sm-10
             = check_box_tag :abandoned, 1, params[:abandoned]
             &nbsp;
             %span.light No activity over 6 month
@@ -80,13 +80,13 @@
         Transfer project
       .body
         = form_for @project, url: transfer_admin_project_path(@project), method: :put do |f|
-          .control-group
+          .form-group
             = f.label :namespace_id, "Namespace"
-            .controls
+            .col-sm-10
               = namespace_select_tag :namespace_id, selected: params[:namespace_id], class: 'input-large'
  
-          .control-group
-            .controls
+          .form-group
+            .col-sm-10
               = f.submit 'Transfer', class: 'btn btn-primary'
  
   .col-md-6
@@ -8,28 +8,28 @@
  
     %fieldset
       %legend Account
-      .control-group
+      .form-group
         = f.label :name
-        .controls
+        .col-sm-10
           = f.text_field :name, required: true, autocomplete: "off"
           %span.help-inline * required
-      .control-group
+      .form-group
         = f.label :username
-        .controls
+        .col-sm-10
           = f.text_field :username, required: true, autocomplete: "off"
           %span.help-inline * required
-      .control-group
+      .form-group
         = f.label :email
-        .controls
+        .col-sm-10
           = f.text_field :email, required: true, autocomplete: "off"
           %span.help-inline * required
  
     - if @user.new_record?
       %fieldset
         %legend Password
-        .control-group
+        .form-group
           = f.label :password
-          .controls
+          .col-sm-10
             %strong
               A temporary password will be generated and sent to user.
               %br
@@ -37,29 +37,29 @@
     - else
       %fieldset
         %legend Password
-        .control-group
+        .form-group
           = f.label :password
-          .controls= f.password_field :password, disabled: f.object.force_random_password
-        .control-group
+          .col-sm-10= f.password_field :password, disabled: f.object.force_random_password
+        .form-group
           = f.label :password_confirmation
-          .controls= f.password_field :password_confirmation, disabled: f.object.force_random_password
+          .col-sm-10= f.password_field :password_confirmation, disabled: f.object.force_random_password
  
     %fieldset
       %legend Access
       .row
         .col-md-8
-          .control-group
+          .form-group
             = f.label :projects_limit
-            .controls= f.number_field :projects_limit
+            .col-sm-10= f.number_field :projects_limit
  
-          .control-group
+          .form-group
             = f.label :can_create_group
-            .controls= f.check_box :can_create_group
+            .col-sm-10= f.check_box :can_create_group
  
-          .control-group
+          .form-group
             = f.label :admin do
               %strong.cred Administrator
-            .controls= f.check_box :admin
+            .col-sm-10= f.check_box :admin
         .col-md-4
           - unless @user.new_record?
             .alert.alert-error
@@ -71,15 +71,15 @@
                 = link_to 'Block User', block_admin_user_path(@user), data: {confirm: 'USER WILL BE BLOCKED! Are you sure?'}, method: :put, class: "btn btn-small btn-remove"
     %fieldset
       %legend Profile
-      .control-group
+      .form-group
         = f.label :skype
-        .controls= f.text_field :skype
-      .control-group
+        .col-sm-10= f.text_field :skype
+      .form-group
         = f.label :linkedin
-        .controls= f.text_field :linkedin
-      .control-group
+        .col-sm-10= f.text_field :linkedin
+      .form-group
         = f.label :twitter
-        .controls= f.text_field :twitter
+        .col-sm-10= f.text_field :twitter
  
     .form-actions
       - if @user.new_record?
@@ -6,14 +6,14 @@
       group
  
     %p 1. Choose users you want in the group
-    .control-group
+    .form-group
       = f.label :user_ids, "People"
-      .controls= users_select_tag(:user_ids, multiple: true, class: 'input-large')
+      .col-sm-10= users_select_tag(:user_ids, multiple: true, class: 'input-large')
  
     %p 2. Set access level for them
-    .control-group
+    .form-group
       = f.label :group_access, "Group Access"
-      .controls= select_tag :group_access, options_for_select(UsersGroup.group_access_roles, @users_group.group_access), class: "project-access-select chosen"
+      .col-sm-10= select_tag :group_access, options_for_select(UsersGroup.group_access_roles, @users_group.group_access), class: "project-access-select chosen"
  
     .form-actions
       = f.submit 'Add users into group', class: "btn btn-create"
@@ -24,15 +24,15 @@
               - if @group.errors.any?
                 .alert.alert-error
                   %span= @group.errors.full_messages.first
-              .control-group
+              .form-group
                 = f.label :name do
                   Group name
-                .controls
+                .col-sm-10
                   = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"
  
-              .control-group.group-description-holder
+              .form-group.group-description-holder
                 = f.label :description, "Details"
-                .controls
+                .col-sm-10
                   = f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
  
               .form-actions
@@ -2,19 +2,19 @@
   - if @group.errors.any?
     .alert.alert-error
       %span= @group.errors.full_messages.first
-  .control-group
+  .form-group
     = f.label :name do
       Group name
-    .controls
+    .col-sm-10
       = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"
  
-  .control-group.group-description-holder
+  .form-group.group-description-holder
     = f.label :description, "Details"
-    .controls
+    .col-sm-10
       = f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
  
-  .control-group
-    .controls
+  .form-group
+    .col-sm-10
       %ul
         %li A group is a collection of several projects
         %li Groups are private by default
@@ -6,12 +6,12 @@
           - @key.errors.full_messages.each do |msg|
             %li= msg
  
-    .control-group
+    .form-group
       = f.label :title
-      .controls= f.text_field :title, class: "input-xlarge"
-    .control-group
+      .col-sm-10= f.text_field :title, class: "input-xlarge"
+    .form-group
       = f.label :key
-      .controls
+      .col-sm-10
         %p.light
           Paste your public key here. Read more about how to generate a key on #{link_to "the SSH help page", help_ssh_path}.
         = f.text_area :key, class: "input-xxlarge thin_area"
@@ -14,19 +14,19 @@
           %ul
             - @user.errors.full_messages.each do |msg|
               %li= msg
-      .control-group
+      .form-group
         = f.label :current_password
-        .controls
+        .col-sm-10
           = f.password_field :current_password, required: true
           %div
             = link_to "Forgot your password?", reset_profile_password_path, method: :put
  
-      .control-group
+      .form-group
         = f.label :password, 'New password'
-        .controls= f.password_field :password, required: true
-      .control-group
+        .col-sm-10= f.password_field :password, required: true
+      .form-group
         = f.label :password_confirmation
-        .controls
+        .col-sm-10
           = f.password_field :password_confirmation, required: true
       .form-actions
         = f.submit 'Save password', class: "btn btn-save"
@@ -10,13 +10,13 @@
           - @user.errors.full_messages.each do |msg|
             %li= msg
  
-    .control-group
+    .form-group
       = f.label :password
-      .controls= f.password_field :password, required: true
-    .control-group
+      .col-sm-10= f.password_field :password, required: true
+    .form-group
       = f.label :password_confirmation
-      .controls
+      .col-sm-10
         = f.password_field :password_confirmation, required: true
-    .control-group
-      .controls
+    .form-group
+      .col-sm-10
         = f.submit 'Set new password', class: "btn btn-create"
@@ -16,15 +16,15 @@
           %li= msg
   .row
     .col-md-7
-      .control-group
+      .form-group
         = f.label :name, class: "control-label"
-        .controls
+        .col-sm-10
           = f.text_field :name, class: "input-xlarge", required: true
           %span.help-block Enter your name, so people you know can recognize you.
  
-      .control-group
+      .form-group
         = f.label :email, class: "control-label"
-        .controls
+        .col-sm-10
           - if @user.ldap_user?
             = f.text_field :email, class: "input-xlarge", required: true, readonly: true
             %span.help-block.light
@@ -37,18 +37,18 @@
                 %strong #{@user.unconfirmed_email}
             - else
               %span.help-block We also use email for avatar detection if no avatar is uploaded.
-      .control-group
+      .form-group
         = f.label :skype, class: "control-label"
-        .controls= f.text_field :skype, class: "input-xlarge"
-      .control-group
+        .col-sm-10= f.text_field :skype, class: "input-xlarge"
+      .form-group
         = f.label :linkedin, class: "control-label"
-        .controls= f.text_field :linkedin, class: "input-xlarge"
-      .control-group
+        .col-sm-10= f.text_field :linkedin, class: "input-xlarge"
+      .form-group
         = f.label :twitter, class: "control-label"
-        .controls= f.text_field :twitter, class: "input-xlarge"
-      .control-group
+        .col-sm-10= f.text_field :twitter, class: "input-xlarge"
+      .form-group
         = f.label :bio, class: "control-label"
-        .controls
+        .col-sm-10
           = f.text_area :bio, rows: 6, class: "input-xlarge", maxlength: 250
           %span.help-block Tell us about yourself in fewer than 250 characters.
  
-.control-group.project-visibility-level-holder
+.form-group.project-visibility-level-holder
   = f.label :visibility_level do
     Visibility Level
     = link_to "(?)", help_public_access_path
   - if can_change_visibility_level
     - Gitlab::VisibilityLevel.values.each do |level|
       - restricted = restricted_visibility_levels.include?(level)
-      .controls
+      .col-sm-10
         = f.radio_button :visibility_level, level, checked: (visibility_level == level), disabled: restricted
         %span.descr{:class => ("restricted" if restricted)}
           = label :project_visibility_level, level do
@@ -14,11 +14,11 @@
               = visibility_level_label(level)
           .light= visibility_level_description(level)
     - unless restricted_visibility_levels.empty?
-      .controls
+      .col-sm-10
         %span.info
           Some visibility level settings have been restricted by the administrator.
   - else
-    .controls
+    .col-sm-10
       %span.info
         = visibility_level_icon(visibility_level)
         %strong
@@ -8,12 +8,12 @@
  
   .modal-body
     = form_tag project_blob_path(@project, @id), method: :delete do
-      .control-group.commit_message-group
+      .form-group.commit_message-group
         = label_tag 'commit_message', class: "control-label" do
           Commit message
-        .controls
+        .col-sm-10
           = text_area_tag 'commit_message', params[:commit_message], placeholder: "Removed this file because...", required: true, rows: 3
-      .control-group
-        .controls
+      .form-group
+        .col-sm-10
           = submit_tag 'Remove file', class: 'btn btn-remove'
           = link_to "Cancel", '#', class: "btn btn-cancel", "data-dismiss" => "modal"
@@ -2,13 +2,13 @@
   %i.icon-code-fork
   New branch
 = form_tag project_branches_path, method: :post do
-  .control-group
+  .form-group
     = label_tag :branch_name, 'Name for new branch', class: 'control-label'
-    .controls
+    .col-sm-10
       = text_field_tag :branch_name, nil, placeholder: 'feature/dashboard', required: true, tabindex: 1
-  .control-group
+  .form-group
     = label_tag :ref, 'Create from', class: 'control-label'
-    .controls
+    .col-sm-10
       = text_field_tag :ref, nil, placeholder: 'master', required: true, tabindex: 2
       .light branch name or commit SHA
   .form-actions
@@ -49,7 +49,7 @@
           %img{src: "data:#{old_file.mime_type};base64,#{Base64.encode64(old_file.data)}"}
         .frame.added
           %img{src: "data:#{file.mime_type};base64,#{Base64.encode64(file.data)}"}
-        .controls
+        .col-sm-10
           .transparent
           .drag-track
             .dragger{:style => "left: 0px;"}
@@ -4,11 +4,11 @@
       - if params[:to] && params[:from]
         = link_to 'switch', {from: params[:to], to: params[:from]}, {class: 'commits-compare-switch has_tooltip', title: 'Switch base of comparison'}
       .input-prepend
-        %span.add-on.input-xpadding from
+        %span.add-on from
         = text_field_tag :from, params[:from], class: "span3 input-xpadding"
       = "..."
       .input-prepend
-        %span.add-on.input-xpadding to
+        %span.add-on to
         = text_field_tag :to, params[:to], class: "span3 input-xpadding"
     .pull-left
       &nbsp;
@@ -6,12 +6,12 @@
           - @key.errors.full_messages.each do |msg|
             %li= msg
  
-    .control-group
+    .form-group
       = f.label :title
-      .controls= f.text_field :title, class: 'input-xlarge'
-    .control-group
+      .col-sm-10= f.text_field :title, class: 'input-xlarge'
+    .form-group
       = f.label :key
-      .controls
+      .col-sm-10
         %p.light
           Paste a machine public key here. Read more about how to generate it
           = link_to "here", help_ssh_path
@@ -9,24 +9,24 @@
       .form-holder
         = form_for(@project, remote: true) do |f|
           %fieldset
-            .control-group.project_name_holder
+            .form-group.project_name_holder
               = f.label :name do
                 Project name
-              .controls
+              .col-sm-10
                 = f.text_field :name, placeholder: "Example Project", class: "span5"
  
  
-            .control-group
+            .form-group
               = f.label :description do
                 Project description
                 %span.light (optional)
-              .controls
+              .col-sm-10
                 = f.text_area :description, placeholder: "Awesome project", class: "span5", rows: 3, maxlength: 250
  
             - if @project.repository.exists? && @project.repository.branch_names.any?
-              .control-group
+              .form-group
                 = f.label :default_branch, "Default Branch"
-                .controls= f.select(:default_branch, @repository.branch_names, {}, {class: 'chosen'})
+                .col-sm-10= f.select(:default_branch, @repository.branch_names, {}, {class: 'chosen'})
  
  
           = render "visibility_level", f: f, visibility_level: @project.visibility_level, can_change_visibility_level: can?(current_user, :change_visibility_level, @project)
@@ -34,51 +34,51 @@
           %fieldset.features
             %legend
               Labels:
-            .control-group
+            .form-group
               = f.label :label_list, "Labels", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.text_field :label_list, maxlength: 2000, class: "span5"
                 %p.hint Separate labels with commas.
  
           %fieldset.features
             %legend
               Features:
-            .control-group
+            .form-group
               = f.label :issues_enabled, "Issues", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.check_box :issues_enabled
                 %span.descr Lightweight issue tracking system for this project
  
             - if Project.issues_tracker.values.count > 1
-              .control-group
+              .form-group
                 = f.label :issues_tracker, "Issues tracker", class: 'control-label'
-                .controls= f.select(:issues_tracker, project_issues_trackers(@project.issues_tracker), {}, { disabled: !@project.issues_enabled })
+                .col-sm-10= f.select(:issues_tracker, project_issues_trackers(@project.issues_tracker), {}, { disabled: !@project.issues_enabled })
  
-              .control-group
+              .form-group
                 = f.label :issues_tracker_id, "Project name or id in issues tracker", class: 'control-label'
-                .controls= f.text_field :issues_tracker_id, disabled: !@project.can_have_issues_tracker_id?
+                .col-sm-10= f.text_field :issues_tracker_id, disabled: !@project.can_have_issues_tracker_id?
  
-            .control-group
+            .form-group
               = f.label :merge_requests_enabled, "Merge Requests", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.check_box :merge_requests_enabled
                 %span.descr Submit changes to be merged upstream.
  
-            .control-group
+            .form-group
               = f.label :wiki_enabled, "Wiki", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.check_box :wiki_enabled
                 %span.descr Pages for project documentation
  
-            .control-group
+            .form-group
               = f.label :wall_enabled, "Wall", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.check_box :wall_enabled
                 %span.descr Simple chat system for broadcasting inside project
  
-            .control-group
+            .form-group
               = f.label :snippets_enabled, "Snippets", class: 'control-label'
-              .controls
+              .col-sm-10
                 = f.check_box :snippets_enabled
                 %span.descr Share code pastes with others out of git repository
  
@@ -135,11 +135,11 @@
           .errors-holder
           .form-holder
             = form_for(@project, url: transfer_project_path(@project), method: :put, remote: true, html: { class: 'transfer-project' }) do |f|
-              .control-group
+              .form-group
                 = f.label :namespace_id do
                   %span Namespace
-                .controls
-                  .control-group
+                .col-sm-10
+                  .form-group
                     = f.select :namespace_id, namespaces_options(@project.namespace_id), { prompt: 'Choose a project namespace' }, { class: 'chosen' }
                   %ul
                     %li Be careful. Changing the project's namespace can have unintended side effects.
@@ -155,11 +155,11 @@
         .errors-holder
         .form-holder
           = form_for(@project) do |f|
-            .control-group
+            .form-group
               = f.label :path do
                 %span Path
-              .controls
-                .control-group
+              .col-sm-10
+                .form-group
                   .input-append
                     = f.text_field :path
                     %span.add-on .git
@@ -15,10 +15,10 @@
       .file-content.code
         %pre#editor= @blob.data
  
-    .control-group.commit_message-group
+    .form-group.commit_message-group
       = label_tag 'commit_message', class: "control-label" do
         Commit message
-      .controls
+      .col-sm-10
         = text_area_tag 'commit_message', '', placeholder: "Update #{@blob.name}", required: true, rows: 3
     .form-actions
       = hidden_field_tag 'last_commit', @last_commit
@@ -12,15 +12,15 @@
     .alert.alert-error
       - @hook.errors.full_messages.each do |msg|
         %p= msg
-  .control-group
+  .form-group
     = f.label :url, "URL"
-    .controls
+    .col-sm-10
       = f.text_field :url, class: "text_field input-xxlarge input-xpadding", placeholder: 'http://example.com/trigger-ci.json'
       &nbsp;
       = f.submit "Add Web Hook", class: "btn btn-create"
-  .control-group
+  .form-group
     = f.label :url, "Trigger"
-    .controls
+    .col-sm-10
       %div
         = f.check_box :push_events, class: 'pull-left'
         .prepend-left-20
@@ -8,18 +8,18 @@
           %br
     .issue-box
       .title
-        .control-group
+        .form-group
           = f.label :title do
             %strong= "Subject *"
-          .controls
+          .col-sm-10
             = f.text_field :title, maxlength: 255, class: "input-xxlarge js-gfm-input", autofocus: true, required: true
       .context
-        .control-group
+        .form-group
           .issue_assignee.pull-left
             = f.label :assignee_id do
               %i.icon-user
               Assign to
-            .controls
+            .col-sm-10
               .pull-left
                 = f.select(:assignee_id, assignee_options(@issue), { include_blank: "Select a user" }, {class: 'chosen'})
               .pull-right
@@ -29,20 +29,20 @@
             = f.label :milestone_id do
               %i.icon-time
               Milestone
-            .controls= f.select(:milestone_id, milestone_options(@issue), { include_blank: "Select milestone" }, {class: 'chosen'})
+            .col-sm-10= f.select(:milestone_id, milestone_options(@issue), { include_blank: "Select milestone" }, {class: 'chosen'})
  
       .description
-        .control-group
+        .form-group
           = f.label :label_list do
             %i.icon-tag
             Labels
-          .controls
+          .col-sm-10
             = f.text_field :label_list, maxlength: 2000, class: "input-xxlarge"
             %p.hint Separate labels with commas.
  
-        .control-group
+        .form-group
           = f.label :description, "Details"
-          .controls
+          .col-sm-10
             = f.text_area :description, class: "input-xxlarge js-gfm-input", rows: 14
             %p.hint Issues are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
  
@@ -30,24 +30,24 @@
  
   %hr
   .merge-request-form-info
-    .control-group
+    .form-group
       = f.label :title do
         %strong= "Title *"
-      .controls= f.text_field :title, class: "input-xxlarge pad js-gfm-input", maxlength: 255, rows: 5, required: true
-    .control-group
+      .col-sm-10= f.text_field :title, class: "input-xxlarge pad js-gfm-input", maxlength: 255, rows: 5, required: true
+    .form-group
       .left
         = f.label :assignee_id do
           %i.icon-user
           Assign to
-        .controls= f.select(:assignee_id, assignee_options(@merge_request), { include_blank: "Select user" }, {class: 'chosen span3'})
+        .col-sm-10= f.select(:assignee_id, assignee_options(@merge_request), { include_blank: "Select user" }, {class: 'chosen span3'})
       .left
         = f.label :milestone_id do
           %i.icon-time
           Milestone
-        .controls= f.select(:milestone_id, milestone_options(@merge_request), { include_blank: "Select milestone" }, {class: 'chosen'})
-    .control-group
+        .col-sm-10= f.select(:milestone_id, milestone_options(@merge_request), { include_blank: "Select milestone" }, {class: 'chosen'})
+    .form-group
       = f.label :description, "Description"
-      .controls
+      .col-sm-10
         = f.text_area :description, class: "input-xxlarge js-gfm-input", rows: 14
         %p.hint Description is parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
  
@@ -13,21 +13,21 @@
           %li= msg
   .row
     .col-md-6
-      .control-group
+      .form-group
         = f.label :title, "Title", class: "control-label"
-        .controls
+        .col-sm-10
           = f.text_field :title, maxlength: 255, class: "input-xlarge"
           %p.hint Required
-      .control-group
+      .form-group
         = f.label :description, "Description", class: "control-label"
-        .controls
+        .col-sm-10
           = f.text_area :description, maxlength: 2000, class: "input-xlarge", rows: 10
           %p.hint Milestones are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
     .col-md-6
-      .control-group
+      .form-group
         = f.label :due_date, "Due Date", class: "control-label"
-        .controls= f.hidden_field :due_date
-        .controls
+        .col-sm-10= f.hidden_field :due_date
+        .col-sm-10
           .datepicker
  
   .form-actions
@@ -3,18 +3,18 @@
     = render partial: 'shared/ref_switcher', locals: {destination: 'graph'}
   .pull-left
     = form_tag project_network_path(@project, @id), method: :get do |f|
-      .control-group
+      .form-group
         = label_tag :filter_ref, "Begin with the selected commit", class: 'control-label light'
-        .controls
+        .col-sm-10
           = check_box_tag :filter_ref, 1, @options[:filter_ref]
     - @options.each do |key, value|
       = hidden_field_tag(key, value, id: nil) unless key == "filter_ref"
  
   .search.pull-right
     = form_tag project_network_path(@project, @id), method: :get do |f|
-      .control-group
+      .form-group
         = label_tag :search , "Looking for commit:", class: 'control-label light'
-        .controls
+        .col-sm-10
           = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: "Input an extended SHA1 syntax", class: "search-input input-xlarge"
           = button_tag type: 'submit', class: 'btn vtop' do
             %i.icon-search
@@ -4,48 +4,48 @@
   .project-edit-content
  
     = form_for @project, remote: true do |f|
-      .control-group.project-name-holder
+      .form-group.project-name-holder
         = f.label :name do
           %strong Project name
-        .controls
+        .col-sm-10
           = f.text_field :name, placeholder: "Example Project", class: "input-xlarge", tabindex: 1, autofocus: true
           %span.help-inline
             = link_to "#", class: 'js-toggle-visibility-link' do
               %span Customize repository name?
  
-      .control-group.js-toggle-visibility-container.gl-hide
+      .form-group.js-toggle-visibility-container.gl-hide
         = f.label :path do
           %span Repository name
-        .controls
+        .col-sm-10
           .input-append
             = f.text_field :path
             %span.add-on .git
  
  
       - if current_user.can_select_namespace?
-        .control-group
+        .form-group
           = f.label :namespace_id do
             %span Namespace
-          .controls
+          .col-sm-10
             = f.select :namespace_id, namespaces_options(params[:namespace_id] || :current_user), {}, {class: 'chosen', tabindex: 2}
  
-      .control-group
-        .controls
+      .form-group
+        .col-sm-10
           = link_to "#", class: 'appear-link' do
             %i.icon-upload-alt
             %span Import existing repository?
-      .control-group.appear-data.import-url-data
+      .form-group.appear-data.import-url-data
         = f.label :import_url do
           %span Import existing repo
-        .controls
+        .col-sm-10
           = f.text_field :import_url, class: 'input-xlarge', placeholder: 'https://github.com/randx/six.git'
           .light
             URL must be cloneable
-      .control-group
+      .form-group
         = f.label :description do
           Description
           %span.light (optional)
-        .controls
+        .col-sm-10
           = f.text_area :description, placeholder: "Awesome project", class: "input-xlarge", rows: 3, maxlength: 250, tabindex: 3
       = render "visibility_level", f: f, visibility_level: gitlab_config.default_projects_features.visibility_level, can_change_visibility_level: true
  
@@ -54,7 +54,7 @@
  
         - if current_user.can_create_group?
           .pull-right
-            .controls.light
+            .col-sm-10.light
               Need a group for several dependent projects?
               = link_to new_group_path, class: "btn btn-tiny" do
                 Create a group
@@ -2,10 +2,10 @@
 %hr
 .file-editor
   = form_tag(project_new_tree_path(@project, @id), method: :put, class: "form-horizontal") do
-    .control-group.commit_message-group
+    .form-group.commit_message-group
       = label_tag 'file_name', class: "control-label" do
         File name
-      .controls
+      .col-sm-10
         %span.monospace= @path[-1] == "/" ? @path : @path + "/"
         &nbsp;
         = text_field_tag 'file_name', params[:file_name], placeholder: "sample.rb", required: true
@@ -14,10 +14,10 @@
           on
           %span.label-branch= @ref
  
-    .control-group.commit_message-group
+    .form-group.commit_message-group
       = label_tag 'commit_message', class: "control-label" do
         Commit message
-      .controls
+      .col-sm-10
         = text_area_tag 'commit_message', params[:commit_message], placeholder: "Added new file", required: true, rows: 3
  
     .file-holder
@@ -18,9 +18,9 @@
           %li= msg
  
  
-  .control-group
+  .form-group
     = f.label :active, "Active", class: "control-label"
-    .controls
+    .col-sm-10
       = f.check_box :active
  
   - @service.fields.each do |field|
@@ -28,9 +28,9 @@
     - type = field[:type]
     - placeholder = field[:placeholder]
  
-    .control-group
+    .form-group
       = f.label name, class: "control-label"
-      .controls
+      .col-sm-10
         - if type == 'text'
           = f.text_field name, class: "input-xlarge", placeholder: placeholder
         - elsif type == 'textarea'
@@ -9,16 +9,16 @@
           - @snippet.errors.full_messages.each do |msg|
             %li= msg
  
-    .control-group
+    .form-group
       = f.label :title
-      .controls= f.text_field :title, placeholder: "Example Snippet", class: 'input-xlarge', required: true
-    .control-group
+      .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'input-xlarge', required: true
+    .form-group
       = f.label "Lifetime"
-      .controls= f.select :expires_at, lifetime_select_options, {}, {class: 'chosen span2'}
-    .control-group
+      .col-sm-10= f.select :expires_at, lifetime_select_options, {}, {class: 'chosen span2'}
+    .form-group
       .file-editor
         = f.label :file_name, "File"
-        .controls
+        .col-sm-10
           .file-holder.snippet
             .file-title
               = f.text_field :file_name, placeholder: "example.rb", class: 'snippet-file-name', required: true
@@ -2,13 +2,13 @@
   %i.icon-code-fork
   New tag
 = form_tag project_tags_path, method: :post do
-  .control-group
+  .form-group
     = label_tag :tag_name, 'Name for new tag', class: 'control-label'
-    .controls
+    .col-sm-10
       = text_field_tag :tag_name, nil, placeholder: 'v3.0.1', required: true, tabindex: 1
-  .control-group
+  .form-group
     = label_tag :ref, 'Create from', class: 'control-label'
-    .controls
+    .col-sm-10
       = text_field_tag :ref, nil, placeholder: 'master', required: true, tabindex: 2
       .light Branch name or commit SHA
   .form-actions
@@ -9,15 +9,15 @@
           %li= msg
  
   %p 1. Choose people you want in the project
-  .control-group
+  .form-group
     = f.label :user_ids, "People"
-    .controls
+    .col-sm-10
       = users_select_tag(:user_ids, multiple: true)
  
   %p 2. Set access level for them
-  .control-group
+  .form-group
     = f.label :project_access, "Project Access"
-    .controls= select_tag :project_access, options_for_select(Gitlab::Access.options, @user_project_relation.project_access), class: "project-access-select chosen"
+    .col-sm-10= select_tag :project_access, options_for_select(Gitlab::Access.options, @user_project_relation.project_access), class: "project-access-select chosen"
  
   .form-actions
     = f.submit 'Add users', class: "btn btn-create"
@@ -6,7 +6,7 @@
 = form_tag apply_import_project_team_members_path(@project), method: 'post' do
   .padded
     = label_tag :source_project_id, "Project"
-    .controls= select_tag(:source_project_id, options_from_collection_for_select(current_user.authorized_projects, :id, :name_with_namespace), prompt: "Select project", class: "chosen xxlarge", required: true)
+    .col-sm-10= select_tag(:source_project_id, options_from_collection_for_select(current_user.authorized_projects, :id, :name_with_namespace), prompt: "Select project", class: "chosen xxlarge", required: true)
  
   .form-actions
     = submit_tag 'Import project members', class: "btn btn-create"
@@ -14,7 +14,7 @@
         = f.select :format, options_for_select(GollumWiki::MARKUPS, {selected: @wiki.format}), {}, class: "pull-right input-medium"
         = f.label :format, class: "pull-right", style: "padding-right: 20px;"
     .context
-      .controls
+      .col-sm-10
         %span.cgray
           Wiki content is parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
           To link to a (new) page you can just type
@@ -22,13 +22,13 @@
           \.
  
     .description
-      .control-group
+      .form-group
         = f.label :content
-        .controls= f.text_area :content, class: 'span8 js-gfm-input', rows: 18
+        .col-sm-10= f.text_area :content, class: 'span8 js-gfm-input', rows: 18
     .description
-      .control-group
+      .form-group
         = f.label :commit_message
-        .controls= f.text_field :message, class: 'span8', rows: 18
+        .col-sm-10= f.text_field :message, class: 'span8', rows: 18
   .form-actions
     - if @wiki && @wiki.persisted?
       = f.submit 'Save changes', class: "btn-save btn"
@@ -2,7 +2,7 @@
   .search-holder
     = label_tag :search do
       %span Looking for
-    .controls
+    .col-sm-10
       = search_field_tag :search, params[:search], placeholder: "issue 143", class: "input-xxlarge search-text-input", id: "dashboard_search"
       = hidden_field_tag :project_id, params[:project_id]
       = hidden_field_tag :group_id, params[:group_id]
@@ -9,12 +9,12 @@
           - @snippet.errors.full_messages.each do |msg|
             %li= msg
  
-    .control-group
+    .form-group
       = f.label :title
-      .controls= f.text_field :title, placeholder: "Example Snippet", class: 'input-xlarge', required: true
-    .control-group
+      .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'input-xlarge', required: true
+    .form-group
       = f.label "Access"
-      .controls
+      .col-sm-10
         = f.label :private_true, class: 'radio-label' do
           = f.radio_button :private, true
           %span
@@ -27,10 +27,10 @@
             %strong Public
             (GitLab users can see this snippet)
  
-    .control-group
+    .form-group
       .file-editor
         = f.label :file_name, "File"
-        .controls
+        .col-sm-10
           .file-holder.snippet
             .file-title
               = f.text_field :file_name, placeholder: "example.rb", class: 'snippet-file-name', required: true
...	...	@@ -32,34 +32,6 @@ form {
32	32	}
33	33	}
34	34
35		-input.input-xpadding,
36		-.add-on.input-xpadding {
37		- padding: 6px 10px;
38		-}
39		-
40		-.control-group {
41		- @extend .form-group;
42		-
43		- .control-label {
44		- padding-top: 6px;
45		- }
46		- .controls {
47		- @extend .col-sm-10;
48		-
49		- input, textarea {
50		- padding: 6px 10px;
51		- }
52		-
53		- input[type="radio"], input[type="checkbox"] {
54		- margin-top: 6px;
55		- }
56		-
57		- .add-on {
58		- padding: 6px;
59		- }
60		- }
61		-}
62		-
63	35	input[type='search'].search-text-input {
64	36	background-image: url("icon-search.png");
65	37	background-repeat: no-repeat;
...	...	@@ -77,7 +49,6 @@ input[type='text'].danger {
77	49
78	50	fieldset legend {
79	51	font-size: 16px;
80		- margin-bottom: 10px;
81	52	}
82	53
83	54	.datetime-controls {
...	...
...	...	@@ -17,7 +17,7 @@
17	17
18	18	legend {
19	19	border: none;
20		- margin: 0;
	20	+ margin-bottom: 10px;
21	21	}
22	22	}
23	23	}
...	...
...	...	@@ -11,30 +11,30 @@
11	11	.alert.alert-error
12	12	- @broadcast_message.errors.full_messages.each do \|msg\|
13	13	%p= msg
14		- .control-group
	14	+ .form-group
15	15	= f.label :message
16		- .controls
	16	+ .col-sm-10
17	17	= f.text_area :message, class: "input-xxlarge", rows: 2, required: true
18	18	%div
19	19	= link_to '#', class: 'js-toggle-colors-link' do
20	20	Customize colors
21		- .control-group.js-toggle-colors-container.gl-hide
	21	+ .form-group.js-toggle-colors-container.gl-hide
22	22	= f.label :color, "Background Color"
23		- .controls
	23	+ .col-sm-10
24	24	= f.text_field :color, placeholder: "#AA33EE"
25	25	.light Hex values as 3 double digit numbers, starting with a # sign.
26		- .control-group.js-toggle-colors-container.gl-hide
	26	+ .form-group.js-toggle-colors-container.gl-hide
27	27	= f.label :font, "Font Color"
28		- .controls
	28	+ .col-sm-10
29	29	= f.text_field :font, placeholder: "#224466"
30	30	.light Hex values as 3 double digit numbers, starting with a # sign.
31		- .control-group
	31	+ .form-group
32	32	= f.label :starts_at
33		- .controls.datetime-controls
	33	+ .col-sm-10.datetime-controls
34	34	= f.datetime_select :starts_at
35		- .control-group
	35	+ .form-group
36	36	= f.label :ends_at
37		- .controls.datetime-controls
	37	+ .col-sm-10.datetime-controls
38	38	= f.datetime_select :ends_at
39	39	.form-actions
40	40	= f.submit "Add broadcast message", class: "btn btn-create"
...	...
...	...	@@ -4,21 +4,21 @@
4	4	- if @group.errors.any?
5	5	.alert.alert-error
6	6	%span= @group.errors.full_messages.first
7		- .control-group.group_name_holder
	7	+ .form-group.group_name_holder
8	8	= f.label :name do
9	9	Group name
10		- .controls
	10	+ .col-sm-10
11	11	= f.text_field :name, placeholder: "Example Group", class: "input-xxlarge"
12	12
13		- .control-group.group-description-holder
	13	+ .form-group.group-description-holder
14	14	= f.label :description, "Details"
15		- .controls
	15	+ .col-sm-10
16	16	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
17	17
18		- .control-group.group_name_holder
	18	+ .form-group.group_name_holder
19	19	= f.label :path do
20	20	%span.cred Group path
21		- .controls
	21	+ .col-sm-10
22	22	= f.text_field :path, placeholder: "example-group", class: "input-xxlarge danger"
23	23	%ul.cred
24	24	%li Changing group path can have unintended side effects.
...	...
...	...	@@ -4,14 +4,14 @@
4	4	- if @group.errors.any?
5	5	.alert.alert-error
6	6	%span= @group.errors.full_messages.first
7		- .control-group
	7	+ .form-group
8	8	= f.label :name do
9	9	Group name
10		- .controls
	10	+ .col-sm-10
11	11	= f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"
12		- .control-group.group-description-holder
	12	+ .form-group.group-description-holder
13	13	= f.label :description, "Details"
14		- .controls
	14	+ .col-sm-10
15	15	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
16	16
17	17	.form-actions
...	...
...	...	@@ -13,9 +13,9 @@
13	13	.alert.alert-error
14	14	- @hook.errors.full_messages.each do \|msg\|
15	15	%p= msg
16		- .control-group
	16	+ .form-group
17	17	= f.label :url, "URL:"
18		- .controls
	18	+ .col-sm-10
19	19	= f.text_field :url, class: "text_field input-xxlarge input-xpadding"
20	20
21	21	= f.submit "Add System Hook", class: "btn btn-create"
...	...
...	...	@@ -2,32 +2,32 @@
2	2	.col-md-4
3	3	.admin-filter
4	4	= form_tag admin_projects_path, method: :get, class: 'form-inline' do
5		- .control-group
	5	+ .form-group
6	6	= label_tag :name, 'Name:', class: 'control-label'
7		- .controls
	7	+ .col-sm-10
8	8	= text_field_tag :name, params[:name], class: "span2"
9	9
10		- .control-group
	10	+ .form-group
11	11	= label_tag :owner_id, 'Owner:', class: 'control-label'
12		- .controls
	12	+ .col-sm-10
13	13	= users_select_tag :owner_id, selected: params[:owner_id], class: 'input-large input-clamp'
14		- .control-group.visibility-levels
	14	+ .form-group.visibility-levels
15	15	= label_tag :visibility_level, 'Visibility Levels', class: 'control-label'
16	16	- Project.visibility_levels.each do \|label, level\|
17		- .controls
	17	+ .col-sm-10
18	18	= check_box_tag 'visibility_levels[]', level, params[:visibility_levels].present? && params[:visibility_levels].include?(level.to_s)
19	19	%span.descr
20	20	= visibility_level_icon(level)
21	21	= label
22		- .control-group
	22	+ .form-group
23	23	= label_tag :with_push, 'Not empty', class: 'control-label'
24		- .controls
	24	+ .col-sm-10
25	25	= check_box_tag :with_push, 1, params[:with_push]
26	26
27	27	%span.light Projects with push events
28		- .control-group
	28	+ .form-group
29	29	= label_tag :abandoned, 'Abandoned', class: 'control-label'
30		- .controls
	30	+ .col-sm-10
31	31	= check_box_tag :abandoned, 1, params[:abandoned]
32	32
33	33	%span.light No activity over 6 month
...	...
...	...	@@ -80,13 +80,13 @@
80	80	Transfer project
81	81	.body
82	82	= form_for @project, url: transfer_admin_project_path(@project), method: :put do \|f\|
83		- .control-group
	83	+ .form-group
84	84	= f.label :namespace_id, "Namespace"
85		- .controls
	85	+ .col-sm-10
86	86	= namespace_select_tag :namespace_id, selected: params[:namespace_id], class: 'input-large'
87	87
88		- .control-group
89		- .controls
	88	+ .form-group
	89	+ .col-sm-10
90	90	= f.submit 'Transfer', class: 'btn btn-primary'
91	91
92	92	.col-md-6
...	...
...	...	@@ -8,28 +8,28 @@
8	8
9	9	%fieldset
10	10	%legend Account
11		- .control-group
	11	+ .form-group
12	12	= f.label :name
13		- .controls
	13	+ .col-sm-10
14	14	= f.text_field :name, required: true, autocomplete: "off"
15	15	%span.help-inline * required
16		- .control-group
	16	+ .form-group
17	17	= f.label :username
18		- .controls
	18	+ .col-sm-10
19	19	= f.text_field :username, required: true, autocomplete: "off"
20	20	%span.help-inline * required
21		- .control-group
	21	+ .form-group
22	22	= f.label :email
23		- .controls
	23	+ .col-sm-10
24	24	= f.text_field :email, required: true, autocomplete: "off"
25	25	%span.help-inline * required
26	26
27	27	- if @user.new_record?
28	28	%fieldset
29	29	%legend Password
30		- .control-group
	30	+ .form-group
31	31	= f.label :password
32		- .controls
	32	+ .col-sm-10
33	33	%strong
34	34	A temporary password will be generated and sent to user.
35	35	%br
...	...	@@ -37,29 +37,29 @@
37	37	- else
38	38	%fieldset
39	39	%legend Password
40		- .control-group
	40	+ .form-group
41	41	= f.label :password
42		- .controls= f.password_field :password, disabled: f.object.force_random_password
43		- .control-group
	42	+ .col-sm-10= f.password_field :password, disabled: f.object.force_random_password
	43	+ .form-group
44	44	= f.label :password_confirmation
45		- .controls= f.password_field :password_confirmation, disabled: f.object.force_random_password
	45	+ .col-sm-10= f.password_field :password_confirmation, disabled: f.object.force_random_password
46	46
47	47	%fieldset
48	48	%legend Access
49	49	.row
50	50	.col-md-8
51		- .control-group
	51	+ .form-group
52	52	= f.label :projects_limit
53		- .controls= f.number_field :projects_limit
	53	+ .col-sm-10= f.number_field :projects_limit
54	54
55		- .control-group
	55	+ .form-group
56	56	= f.label :can_create_group
57		- .controls= f.check_box :can_create_group
	57	+ .col-sm-10= f.check_box :can_create_group
58	58
59		- .control-group
	59	+ .form-group
60	60	= f.label :admin do
61	61	%strong.cred Administrator
62		- .controls= f.check_box :admin
	62	+ .col-sm-10= f.check_box :admin
63	63	.col-md-4
64	64	- unless @user.new_record?
65	65	.alert.alert-error
...	...	@@ -71,15 +71,15 @@
71	71	= link_to 'Block User', block_admin_user_path(@user), data: {confirm: 'USER WILL BE BLOCKED! Are you sure?'}, method: :put, class: "btn btn-small btn-remove"
72	72	%fieldset
73	73	%legend Profile
74		- .control-group
	74	+ .form-group
75	75	= f.label :skype
76		- .controls= f.text_field :skype
77		- .control-group
	76	+ .col-sm-10= f.text_field :skype
	77	+ .form-group
78	78	= f.label :linkedin
79		- .controls= f.text_field :linkedin
80		- .control-group
	79	+ .col-sm-10= f.text_field :linkedin
	80	+ .form-group
81	81	= f.label :twitter
82		- .controls= f.text_field :twitter
	82	+ .col-sm-10= f.text_field :twitter
83	83
84	84	.form-actions
85	85	- if @user.new_record?
...	...
...	...	@@ -6,14 +6,14 @@
6	6	group
7	7
8	8	%p 1. Choose users you want in the group
9		- .control-group
	9	+ .form-group
10	10	= f.label :user_ids, "People"
11		- .controls= users_select_tag(:user_ids, multiple: true, class: 'input-large')
	11	+ .col-sm-10= users_select_tag(:user_ids, multiple: true, class: 'input-large')
12	12
13	13	%p 2. Set access level for them
14		- .control-group
	14	+ .form-group
15	15	= f.label :group_access, "Group Access"
16		- .controls= select_tag :group_access, options_for_select(UsersGroup.group_access_roles, @users_group.group_access), class: "project-access-select chosen"
	16	+ .col-sm-10= select_tag :group_access, options_for_select(UsersGroup.group_access_roles, @users_group.group_access), class: "project-access-select chosen"
17	17
18	18	.form-actions
19	19	= f.submit 'Add users into group', class: "btn btn-create"
...	...