Style project edit section

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

Style project edit section
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Dmitriy Zaporozhets
1 parent 1b5510a8
Showing 5 changed files with 20 additions and 17 deletions Show diff stats
app/assets/stylesheets/generic/selects.scss
app/views/dashboard/show.html.haml
app/views/profiles/show.html.haml
app/views/projects/edit.html.haml
app/views/projects/hooks/index.html.haml
@@ -56,3 +56,7 @@
 .chosen-compact {
   max-width: 170px !important;
 }
+
+select.select-wide {
+  width: 200px;
+}
@@ -2,7 +2,7 @@
   .dashboard.row
     .activities.col-md-8
       = render 'activities'
-    .side.col-md-4
+    .side.col-md-4.hidden-sm
       = render 'sidebar'
 - else
@@ -52,7 +52,7 @@
           = f.text_area :bio, rows: 6, class: "form-control", maxlength: 250
           %span.help-block Tell us about yourself in fewer than 250 characters.
-    .col-md-5.pull-right
+    .col-md-5
       .light-well
         = image_tag avatar_icon(@user.email, 160), alt: '', class: 'avatar s160'
@@ -7,26 +7,26 @@
       %p.light Some settings, such as "Transfer Project", are hidden inside the danger area below
       %hr
       .form-holder
-        = form_for(@project, remote: true) do |f|
+        = form_for @project, remote: true, html: { class: "edit_project form-horizontal" } do |f|
           %fieldset
             .form-group.project_name_holder
-              = f.label :name do
+              = f.label :name, class: 'control-label' do
                 Project name
               .col-sm-10
-                = f.text_field :name, placeholder: "Example Project", class: "span5"
+                = f.text_field :name, placeholder: "Example Project", class: "form-control"
             .form-group
-              = f.label :description do
+              = f.label :description, class: 'control-label' do
                 Project description
                 %span.light (optional)
               .col-sm-10
-                = f.text_area :description, placeholder: "Awesome project", class: "span5", rows: 3, maxlength: 250
+                = f.text_area :description, placeholder: "Awesome project", class: "form-control", rows: 3, maxlength: 250
             - if @project.repository.exists? && @project.repository.branch_names.any?
               .form-group
-                = f.label :default_branch, "Default Branch"
-                .col-sm-10= f.select(:default_branch, @repository.branch_names, {}, {class: 'chosen'})
+                = f.label :default_branch, "Default Branch", class: 'control-label'
+                .col-sm-10= f.select(:default_branch, @repository.branch_names, {}, {class: 'chosen select-wide'})
           = render "visibility_level", f: f, visibility_level: @project.visibility_level, can_change_visibility_level: can?(current_user, :change_visibility_level, @project)
@@ -37,7 +37,7 @@
             .form-group
               = f.label :label_list, "Labels", class: 'control-label'
               .col-sm-10
-                = f.text_field :label_list, maxlength: 2000, class: "span5"
+                = f.text_field :label_list, maxlength: 2000, class: "form-control"
                 %p.hint Separate labels with commas.
           %fieldset.features
@@ -7,19 +7,17 @@
 %hr.clearfix
-= form_for [@project, @hook], as: :hook, url: project_hooks_path(@project), html: { class: 'form-inline' } do |f|
+= form_for [@project, @hook], as: :hook, url: project_hooks_path(@project), html: { class: 'form-horizontal' } do |f|
   -if @hook.errors.any?
     .alert.alert-error
       - @hook.errors.full_messages.each do |msg|
         %p= msg
   .form-group
-    = f.label :url, "URL"
+    = f.label :url, "URL", class: 'control-label'
     .col-sm-10
-      = f.text_field :url, class: "text_field input-lg input-xpadding", placeholder: 'http://example.com/trigger-ci.json'
-      &nbsp;
-      = f.submit "Add Web Hook", class: "btn btn-create"
+      = f.text_field :url, class: "form-control", placeholder: 'http://example.com/trigger-ci.json'
   .form-group
-    = f.label :url, "Trigger"
+    = f.label :url, "Trigger", class: 'control-label'
     .col-sm-10
       %div
         = f.check_box :push_events, class: 'pull-left'
@@ -42,7 +40,8 @@
             %strong Merge Request events
           %p.light
             This url will be triggered for created merge requests
-%hr
+  .form-actions
+    = f.submit "Add Web Hook", class: "btn btn-create"
 -if @hooks.any?
   .ui-box
	@@ -56,3 +56,7 @@		@@ -56,3 +56,7 @@
56	.chosen-compact {	56	.chosen-compact {
57	max-width: 170px !important;	57	max-width: 170px !important;
58	}	58	}
		59	+
		60	+select.select-wide {
		61	+ width: 200px;
		62	+}
	@@ -2,7 +2,7 @@		@@ -2,7 +2,7 @@
2	.dashboard.row	2	.dashboard.row
3	.activities.col-md-8	3	.activities.col-md-8
4	= render 'activities'	4	= render 'activities'
5	- .side.col-md-4	5	+ .side.col-md-4.hidden-sm
6	= render 'sidebar'	6	= render 'sidebar'
7		7
8	- else	8	- else
	@@ -52,7 +52,7 @@		@@ -52,7 +52,7 @@
52	= f.text_area :bio, rows: 6, class: "form-control", maxlength: 250	52	= f.text_area :bio, rows: 6, class: "form-control", maxlength: 250
53	%span.help-block Tell us about yourself in fewer than 250 characters.	53	%span.help-block Tell us about yourself in fewer than 250 characters.
54		54
55	- .col-md-5.pull-right	55	+ .col-md-5
56	.light-well	56	.light-well
57	= image_tag avatar_icon(@user.email, 160), alt: '', class: 'avatar s160'	57	= image_tag avatar_icon(@user.email, 160), alt: '', class: 'avatar s160'
58		58