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,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	input[type='search'].search-text-input {	35	input[type='search'].search-text-input {
64	background-image: url("icon-search.png");	36	background-image: url("icon-search.png");
65	background-repeat: no-repeat;	37	background-repeat: no-repeat;
	@@ -77,7 +49,6 @@ input[type='text'].danger {		@@ -77,7 +49,6 @@ input[type='text'].danger {
77		49
78	fieldset legend {	50	fieldset legend {
79	font-size: 16px;	51	font-size: 16px;
80	- margin-bottom: 10px;
81	}	52	}
82		53
83	.datetime-controls {	54	.datetime-controls {
	@@ -17,7 +17,7 @@		@@ -17,7 +17,7 @@
17		17
18	legend {	18	legend {
19	border: none;	19	border: none;
20	- margin: 0;	20	+ margin-bottom: 10px;
21	}	21	}
22	}	22	}
23	}	23	}
	@@ -11,30 +11,30 @@		@@ -11,30 +11,30 @@
11	.alert.alert-error	11	.alert.alert-error
12	- @broadcast_message.errors.full_messages.each do \|msg\|	12	- @broadcast_message.errors.full_messages.each do \|msg\|
13	%p= msg	13	%p= msg
14	- .control-group	14	+ .form-group
15	= f.label :message	15	= f.label :message
16	- .controls	16	+ .col-sm-10
17	= f.text_area :message, class: "input-xxlarge", rows: 2, required: true	17	= f.text_area :message, class: "input-xxlarge", rows: 2, required: true
18	%div	18	%div
19	= link_to '#', class: 'js-toggle-colors-link' do	19	= link_to '#', class: 'js-toggle-colors-link' do
20	Customize colors	20	Customize colors
21	- .control-group.js-toggle-colors-container.gl-hide	21	+ .form-group.js-toggle-colors-container.gl-hide
22	= f.label :color, "Background Color"	22	= f.label :color, "Background Color"
23	- .controls	23	+ .col-sm-10
24	= f.text_field :color, placeholder: "#AA33EE"	24	= f.text_field :color, placeholder: "#AA33EE"
25	.light Hex values as 3 double digit numbers, starting with a # sign.	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	= f.label :font, "Font Color"	27	= f.label :font, "Font Color"
28	- .controls	28	+ .col-sm-10
29	= f.text_field :font, placeholder: "#224466"	29	= f.text_field :font, placeholder: "#224466"
30	.light Hex values as 3 double digit numbers, starting with a # sign.	30	.light Hex values as 3 double digit numbers, starting with a # sign.
31	- .control-group	31	+ .form-group
32	= f.label :starts_at	32	= f.label :starts_at
33	- .controls.datetime-controls	33	+ .col-sm-10.datetime-controls
34	= f.datetime_select :starts_at	34	= f.datetime_select :starts_at
35	- .control-group	35	+ .form-group
36	= f.label :ends_at	36	= f.label :ends_at
37	- .controls.datetime-controls	37	+ .col-sm-10.datetime-controls
38	= f.datetime_select :ends_at	38	= f.datetime_select :ends_at
39	.form-actions	39	.form-actions
40	= f.submit "Add broadcast message", class: "btn btn-create"	40	= f.submit "Add broadcast message", class: "btn btn-create"
	@@ -4,21 +4,21 @@		@@ -4,21 +4,21 @@
4	- if @group.errors.any?	4	- if @group.errors.any?
5	.alert.alert-error	5	.alert.alert-error
6	%span= @group.errors.full_messages.first	6	%span= @group.errors.full_messages.first
7	- .control-group.group_name_holder	7	+ .form-group.group_name_holder
8	= f.label :name do	8	= f.label :name do
9	Group name	9	Group name
10	- .controls	10	+ .col-sm-10
11	= f.text_field :name, placeholder: "Example Group", class: "input-xxlarge"	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	= f.label :description, "Details"	14	= f.label :description, "Details"
15	- .controls	15	+ .col-sm-10
16	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4	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	= f.label :path do	19	= f.label :path do
20	%span.cred Group path	20	%span.cred Group path
21	- .controls	21	+ .col-sm-10
22	= f.text_field :path, placeholder: "example-group", class: "input-xxlarge danger"	22	= f.text_field :path, placeholder: "example-group", class: "input-xxlarge danger"
23	%ul.cred	23	%ul.cred
24	%li Changing group path can have unintended side effects.	24	%li Changing group path can have unintended side effects.
	@@ -4,14 +4,14 @@		@@ -4,14 +4,14 @@
4	- if @group.errors.any?	4	- if @group.errors.any?
5	.alert.alert-error	5	.alert.alert-error
6	%span= @group.errors.full_messages.first	6	%span= @group.errors.full_messages.first
7	- .control-group	7	+ .form-group
8	= f.label :name do	8	= f.label :name do
9	Group name	9	Group name
10	- .controls	10	+ .col-sm-10
11	= f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"	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	= f.label :description, "Details"	13	= f.label :description, "Details"
14	- .controls	14	+ .col-sm-10
15	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4	15	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
16		16
17	.form-actions	17	.form-actions
	@@ -13,9 +13,9 @@		@@ -13,9 +13,9 @@
13	.alert.alert-error	13	.alert.alert-error
14	- @hook.errors.full_messages.each do \|msg\|	14	- @hook.errors.full_messages.each do \|msg\|
15	%p= msg	15	%p= msg
16	- .control-group	16	+ .form-group
17	= f.label :url, "URL:"	17	= f.label :url, "URL:"
18	- .controls	18	+ .col-sm-10
19	= f.text_field :url, class: "text_field input-xxlarge input-xpadding"	19	= f.text_field :url, class: "text_field input-xxlarge input-xpadding"
20		20
21	= f.submit "Add System Hook", class: "btn btn-create"	21	= f.submit "Add System Hook", class: "btn btn-create"
	@@ -2,32 +2,32 @@		@@ -2,32 +2,32 @@
2	.col-md-4	2	.col-md-4
3	.admin-filter	3	.admin-filter
4	= form_tag admin_projects_path, method: :get, class: 'form-inline' do	4	= form_tag admin_projects_path, method: :get, class: 'form-inline' do
5	- .control-group	5	+ .form-group
6	= label_tag :name, 'Name:', class: 'control-label'	6	= label_tag :name, 'Name:', class: 'control-label'
7	- .controls	7	+ .col-sm-10
8	= text_field_tag :name, params[:name], class: "span2"	8	= text_field_tag :name, params[:name], class: "span2"
9		9
10	- .control-group	10	+ .form-group
11	= label_tag :owner_id, 'Owner:', class: 'control-label'	11	= label_tag :owner_id, 'Owner:', class: 'control-label'
12	- .controls	12	+ .col-sm-10
13	= users_select_tag :owner_id, selected: params[:owner_id], class: 'input-large input-clamp'	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	= label_tag :visibility_level, 'Visibility Levels', class: 'control-label'	15	= label_tag :visibility_level, 'Visibility Levels', class: 'control-label'
16	- Project.visibility_levels.each do \|label, level\|	16	- Project.visibility_levels.each do \|label, level\|
17	- .controls	17	+ .col-sm-10
18	= check_box_tag 'visibility_levels[]', level, params[:visibility_levels].present? && params[:visibility_levels].include?(level.to_s)	18	= check_box_tag 'visibility_levels[]', level, params[:visibility_levels].present? && params[:visibility_levels].include?(level.to_s)
19	%span.descr	19	%span.descr
20	= visibility_level_icon(level)	20	= visibility_level_icon(level)
21	= label	21	= label
22	- .control-group	22	+ .form-group
23	= label_tag :with_push, 'Not empty', class: 'control-label'	23	= label_tag :with_push, 'Not empty', class: 'control-label'
24	- .controls	24	+ .col-sm-10
25	= check_box_tag :with_push, 1, params[:with_push]	25	= check_box_tag :with_push, 1, params[:with_push]
26		26
27	%span.light Projects with push events	27	%span.light Projects with push events
28	- .control-group	28	+ .form-group
29	= label_tag :abandoned, 'Abandoned', class: 'control-label'	29	= label_tag :abandoned, 'Abandoned', class: 'control-label'
30	- .controls	30	+ .col-sm-10
31	= check_box_tag :abandoned, 1, params[:abandoned]	31	= check_box_tag :abandoned, 1, params[:abandoned]
32		32
33	%span.light No activity over 6 month	33	%span.light No activity over 6 month
	@@ -6,14 +6,14 @@		@@ -6,14 +6,14 @@
6	group	6	group
7		7
8	%p 1. Choose users you want in the group	8	%p 1. Choose users you want in the group
9	- .control-group	9	+ .form-group
10	= f.label :user_ids, "People"	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	%p 2. Set access level for them	13	%p 2. Set access level for them
14	- .control-group	14	+ .form-group
15	= f.label :group_access, "Group Access"	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	.form-actions	18	.form-actions
19	= f.submit 'Add users into group', class: "btn btn-create"	19	= f.submit 'Add users into group', class: "btn btn-create"
	@@ -24,15 +24,15 @@		@@ -24,15 +24,15 @@
24	- if @group.errors.any?	24	- if @group.errors.any?
25	.alert.alert-error	25	.alert.alert-error
26	%span= @group.errors.full_messages.first	26	%span= @group.errors.full_messages.first
27	- .control-group	27	+ .form-group
28	= f.label :name do	28	= f.label :name do
29	Group name	29	Group name
30	- .controls	30	+ .col-sm-10
31	= f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"	31	= f.text_field :name, placeholder: "Ex. OpenSource", class: "input-xxlarge left"
32		32
33	- .control-group.group-description-holder	33	+ .form-group.group-description-holder
34	= f.label :description, "Details"	34	= f.label :description, "Details"
35	- .controls	35	+ .col-sm-10
36	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4	36	= f.text_area :description, maxlength: 250, class: "input-xxlarge js-gfm-input", rows: 4
37		37
38	.form-actions	38	.form-actions
1	-.control-group.project-visibility-level-holder	1	+.form-group.project-visibility-level-holder
2	= f.label :visibility_level do	2	= f.label :visibility_level do
3	Visibility Level	3	Visibility Level
4	= link_to "(?)", help_public_access_path	4	= link_to "(?)", help_public_access_path
5	- if can_change_visibility_level	5	- if can_change_visibility_level
6	- Gitlab::VisibilityLevel.values.each do \|level\|	6	- Gitlab::VisibilityLevel.values.each do \|level\|
7	- restricted = restricted_visibility_levels.include?(level)	7	- restricted = restricted_visibility_levels.include?(level)
8	- .controls	8	+ .col-sm-10
9	= f.radio_button :visibility_level, level, checked: (visibility_level == level), disabled: restricted	9	= f.radio_button :visibility_level, level, checked: (visibility_level == level), disabled: restricted
10	%span.descr{:class => ("restricted" if restricted)}	10	%span.descr{:class => ("restricted" if restricted)}
11	= label :project_visibility_level, level do	11	= label :project_visibility_level, level do
	@@ -14,11 +14,11 @@		@@ -14,11 +14,11 @@
14	= visibility_level_label(level)	14	= visibility_level_label(level)
15	.light= visibility_level_description(level)	15	.light= visibility_level_description(level)
16	- unless restricted_visibility_levels.empty?	16	- unless restricted_visibility_levels.empty?
17	- .controls	17	+ .col-sm-10
18	%span.info	18	%span.info
19	Some visibility level settings have been restricted by the administrator.	19	Some visibility level settings have been restricted by the administrator.
20	- else	20	- else
21	- .controls	21	+ .col-sm-10
22	%span.info	22	%span.info
23	= visibility_level_icon(visibility_level)	23	= visibility_level_icon(visibility_level)
24	%strong	24	%strong