Fix forms and header

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

Fix forms and header
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Dmitriy Zaporozhets
1 parent 1b1a408a
Showing 9 changed files with 37 additions and 8 deletions Show diff stats
app/assets/stylesheets/common.scss
app/assets/stylesheets/gitlab_bootstrap/forms.scss
app/assets/stylesheets/gitlab_bootstrap/ui_box.scss
app/assets/stylesheets/sections/dashboard.scss
app/assets/stylesheets/sections/editor.scss
app/assets/stylesheets/sections/events.scss
app/assets/stylesheets/sections/header.scss
app/assets/stylesheets/sections/notes.scss
app/assets/stylesheets/sections/wall.scss
@@ -209,7 +209,7 @@ li.note {
 }
 .git_error_tips {
-  @extend .span6;
+  @extend .col-md-6;
   text-align: left;
   margin-top: 40px;
   pre {
+input[type="text"], input[type="password"], input[type="search"], input[type="email"] {
+  @extend .form-control;
+}
+
 form {
   @extend .form-horizontal;
   label {
     @extend .control-label;
+    @extend .col-sm-2;
     &.radio-label {
       text-align: left;
@@ -33,10 +38,14 @@ input.input-xpadding,
 }
 .control-group {
+  @extend .form-group;
+
   .control-label {
     padding-top: 6px;
   }
   .controls {
+    @extend .col-sm-10;
+
     input, textarea {
       padding: 6px 10px;
     }
@@ -76,3 +85,12 @@ fieldset legend {
     width: 100px;
   }
 }
+
+.form-actions {
+  padding: 17px 20px 18px;
+  margin-top: 18px;
+  margin-bottom: 18px;
+  background-color: whitesmoke;
+  border-top: 1px solid #e5e5e5;
+  padding-left: 180px;
+}
@@ -43,6 +43,7 @@
   ul {
     margin: 0;
+    padding: 0;
   }
   .title {
@@ -20,7 +20,7 @@
   .search-text-input {
     float:left;
-    @extend .span2;
+    @extend .col-md-2;
   }
   .btn {
     margin-left: 5px;
@@ -42,7 +42,7 @@
       line-height: 20px;
     }
     textarea {
-      @extend .span8;
+      @extend .col-md-8;
     }
   }
 }
@@ -147,7 +147,7 @@
       float: left;
       padding: 9px 6px;
       font-size: 18px;
-      width: 26px;
+      width: 40px;
       @include border-radius(3px);
     }
@@ -5,6 +5,9 @@
 header {
   &.navbar-gitlab {
     margin-bottom: 0;
+    height: 40px;
+    overflow: hidden;
+
     .navbar-inner {
       /*height: 40px;*/
       padding: 3px;
@@ -92,12 +95,19 @@ header {
   .search {
     margin-right: 10px;
     margin-left: 10px;
+    margin-top: 5px;
+
+    form {
+      margin: 0;
+    }
     .search-input {
-      @extend .span3;
+      width: 300px;
       background-image: url("icon-search.png");
       background-repeat: no-repeat;
       background-position: 10px;
+      height: inherit;
+      padding: 4px 6px;
       padding-left: 25px;
       font-size: 13px;
       @include border-radius(3px);
@@ -105,7 +115,7 @@ header {
       box-shadow: none;
       @include transition(all 0.15s ease-in 0s);
       &:focus {
-        @extend .span4;
+        @extend .col-md-4;
       }
     }
   }
@@ -302,7 +302,7 @@ ul.notes {
 }
 .note-image-attach {
-  @extend .span4;
+  @extend .col-md-4;
   @extend .thumbnail;
   margin-left: 45px;
 }
 .wall-page {
   .wall-note-form {
-    @extend .span12;
+    @extend .col-md-12;
     margin: 0;
     height: 140px;
	@@ -209,7 +209,7 @@ li.note {		@@ -209,7 +209,7 @@ li.note {
209	}	209	}
210		210
211	.git_error_tips {	211	.git_error_tips {
212	- @extend .span6;	212	+ @extend .col-md-6;
213	text-align: left;	213	text-align: left;
214	margin-top: 40px;	214	margin-top: 40px;
215	pre {	215	pre {
	@@ -43,6 +43,7 @@		@@ -43,6 +43,7 @@
43		43
44	ul {	44	ul {
45	margin: 0;	45	margin: 0;
		46	+ padding: 0;
46	}	47	}
47		48
48	.title {	49	.title {
	@@ -20,7 +20,7 @@		@@ -20,7 +20,7 @@
20		20
21	.search-text-input {	21	.search-text-input {
22	float:left;	22	float:left;
23	- @extend .span2;	23	+ @extend .col-md-2;
24	}	24	}
25	.btn {	25	.btn {
26	margin-left: 5px;	26	margin-left: 5px;
	@@ -42,7 +42,7 @@		@@ -42,7 +42,7 @@
42	line-height: 20px;	42	line-height: 20px;
43	}	43	}
44	textarea {	44	textarea {
45	- @extend .span8;	45	+ @extend .col-md-8;
46	}	46	}
47	}	47	}
48	}	48	}
	@@ -147,7 +147,7 @@		@@ -147,7 +147,7 @@
147	float: left;	147	float: left;
148	padding: 9px 6px;	148	padding: 9px 6px;
149	font-size: 18px;	149	font-size: 18px;
150	- width: 26px;	150	+ width: 40px;
151	@include border-radius(3px);	151	@include border-radius(3px);
152	}	152	}
153		153
	@@ -302,7 +302,7 @@ ul.notes {		@@ -302,7 +302,7 @@ ul.notes {
302	}	302	}
303		303
304	.note-image-attach {	304	.note-image-attach {
305	- @extend .span4;	305	+ @extend .col-md-4;
306	@extend .thumbnail;	306	@extend .thumbnail;
307	margin-left: 45px;	307	margin-left: 45px;
308	}	308	}
1	.wall-page {	1	.wall-page {
2	.wall-note-form {	2	.wall-note-form {
3	- @extend .span12;	3	+ @extend .col-md-12;
4		4
5	margin: 0;	5	margin: 0;
6	height: 140px;	6	height: 140px;