Changes to new-project

app/assets/stylesheets/generic/forms.scss

@@ -30,9 +30,6 @@ input[type='text'].danger {
 }
 @media (min-width: $screen-sm-min) {
-  .form-actions {
-    padding-left: 17%;
-  }
 }
 label {

app/assets/stylesheets/generic/selects.scss

@@ -97,9 +97,6 @@
   }
   .user-name {
   }
-  .user-username {
-    color: #999;
-  }
 }
 .namespace-result {

app/assets/stylesheets/pages/projects.scss

@@ -13,11 +13,82 @@
 .edit_project {
   fieldset.features {
     .control-label {
-      font-weight: bold;
+      font-weight: normal;
     }
   }
 }
+.form-group .control-label {
+  font-weight: normal;
+  font-color: #313236 !important;
+  }
+
+.btn, .commits-compare-switch {
+    @include btn-info;
+    @include bnt-light;
+}
+
+.col-sm-10 {
+  
+  .input-group {
+  @include border-radius (2px);
+  }
+  
+  .input-group-addon {
+    background-color: #f7f8fa;
+  }
+}
+
+.form-control {
+  @include border-radius (2px);
+}
+
+.form-control::-webkit-input-placeholder{
+  color:#7f8fa4;
+}
+
+.col-sm-10 .select2-container{
+  @include border-radius (2px);
+}
+
+.select2-container .select2-choice {
+  color: #7f8fa4;
+  border: 1px solid #e7e9ed;
+}
+
+.select2-drop {
+  @include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
+  @include border-radius (0px);
+  
+  padding: 16px 20px;
+  border: none !important;
+}
+
+.select2-results .select2-result-label {
+  padding: 16px 20px;
+}
+
+.select2-drop{
+  color: #7f8fa4;
+}
+
+.select2-highlighted {
+  background: #3084bb !important;
+}
+
+.select2-results li.select2-result-with-children > .select2-result-label {
+  font-weight: 600;
+  color: #313236;
+}
+
+.select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice {
+   @include border-radius (2px);
+}
+
+.project-edit-content {
+  padding: 7px;
+}
+
 .project-name-holder {
   .help-inline {
     vertical-align: top;
@@ -251,22 +322,31 @@
     margin-bottom: 10px;
     i {
-      margin: 0 3px;
+      margin: 2px 0;
       font-size: 20px;
     }
     .option-title {
-      font-weight: bold;
+      font-weight: normal;
       display: inline-block;
+      color: #313236;
     }
     .option-descr {
-      margin-left: 36px;
-      color: $gray;
+      margin-left: 29px;
+      color: #54565b;
     }
   }
 }
+.space-right {
+  margin-right: 10px;
+}
+
+.in-line {
+  display: inline-block;
+}
+
 .save-project-loader {
   margin-top: 50px;
   margin-bottom: 50px;

app/views/projects/new.html.haml

@@ -8,7 +8,7 @@
     = form_for @project, html: { class: 'new_project form-horizontal js-requires-input' } do |f|
       .form-group.project-name-holder
         = f.label :path, class: 'control-label' do
-          %strong Project path
+          Project path
         .col-sm-10
           .input-group
             = f.text_field :path, placeholder: "my-awesome-project", class: "form-control", tabindex: 1, autofocus: true, required: true
@@ -23,7 +23,6 @@
             = f.select :namespace_id, namespaces_options(params[:namespace_id] || :current_user), {}, {class: 'select2', tabindex: 2}
       - if import_sources_enabled?
-        %hr
         .project-import.js-toggle-container
           .form-group
@@ -35,7 +34,7 @@
                     %i.fa.fa-github
                     GitHub
                 - else
-                  = link_to '#', class: 'how_to_import_link light btn import_github' do
+                  = link_to '#', class: 'how_to_import_link btn import_github' do
                     %i.fa.fa-github
                     GitHub
                   = render 'github_import_modal'
@@ -46,7 +45,7 @@
                     %i.fa.fa-bitbucket
                     Bitbucket
                 - else
-                  = link_to status_import_bitbucket_path, class: 'how_to_import_link light btn import_bitbucket', "data-no-turbolink" => "true" do
+                  = link_to status_import_bitbucket_path, class: 'how_to_import_link btn import_bitbucket', "data-no-turbolink" => "true" do
                     %i.fa.fa-bitbucket
                     Bitbucket
                   = render 'bitbucket_import_modal'
@@ -57,7 +56,7 @@
                     %i.fa.fa-heart
                     GitLab.com
                 - else
-                  = link_to status_import_gitlab_path, class: 'how_to_import_link light btn import_gitlab' do
+                  = link_to status_import_gitlab_path, class: 'how_to_import_link btn import_gitlab' do
                     %i.fa.fa-heart
                     GitLab.com
                   = render 'gitlab_import_modal'
@@ -97,7 +96,7 @@
                     %li
                       To migrate an SVN repository, check out #{link_to "this document", "http://doc.gitlab.com/ce/workflow/importing/migrating_from_svn.html"}.
-      %hr.prepend-botton-10
+      .prepend-botton-10
       .form-group
         = f.label :description, class: 'control-label' do
@@ -112,10 +111,11 @@
         - if current_user.can_create_group?
           .pull-right
-            .light
-              Need a group for several dependent projects?
-              = link_to new_group_path, class: "btn btn-xs" do
-                Create a group
+            .light.in-line
+              .space-right
+                Need a group for several dependent projects?
+            = link_to new_group_path, class: "btn btn-xs" do
+              Create a group
 .save-project-loader.hide
   .center