SONAR-5856 Rewrite Settings page (#1163)

2 files changed, 41 insertions, 1 deletions

diff --git a/server/sonar-web/src/main/less/init/forms.less b/server/sonar-web/src/main/less/init/forms.less
index ffb3a31395a..bdc1c17ced3 100644
--- a/server/sonar-web/src/main/less/init/forms.less
+++ b/server/sonar-web/src/main/less/init/forms.less
@@ -30,6 +30,7 @@ input[type=password],
 input[type=email],
 input[type=search],
 input[type=date],
+input[type=number],
 textarea,
 select {
   border: 1px solid @darkGrey;
@@ -53,7 +54,8 @@ input[type=text],
 input[type=password],
 input[type=email],
 input[type=search],
-input[type=date] {
+input[type=date],
+input[type=number] {
   height: @formControlHeight;
   padding: 0 6px;
 }
@@ -132,6 +134,17 @@ input[type="submit"].button-red {
   }
 }
 
+.button-success,
+input[type="submit"].button-success {
+  border-color: @green;
+  color: @green;
+
+  &:hover, &:focus, &.active {
+    background: @green;
+    color: #fff;
+  }
+}
+
 .button-clean,
 .button-clean:hover,
 .button-clean:focus {
@@ -229,6 +242,12 @@ input[type="submit"].button-red {
 .input-super-large {
   width: 100%;
   max-width: 300px;
+  min-width: 200px;
+}
+
+textarea.input-super-large {
+  max-width: 600px;
+  min-width: 300px;
 }
 
 em.mandatory {
@@ -244,6 +263,7 @@ label[for] {
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
+  white-space: nowrap;
 
   & > li {
     display: inline-block;
diff --git a/server/sonar-web/src/main/less/init/tables.less b/server/sonar-web/src/main/less/init/tables.less
index e157aebfbd4..142ed35ea8e 100644
--- a/server/sonar-web/src/main/less/init/tables.less
+++ b/server/sonar-web/src/main/less/init/tables.less
@@ -97,6 +97,26 @@ table.data.condensed > tbody > tr > td {
   padding-bottom: 5px;
 }
 
+table.data.no-outer-padding > thead > tr {
+  > th:first-child {
+    padding-left: 0
+  }
+
+  > th:last-child {
+    padding-right: 0
+  }
+}
+
+table.data.no-outer-padding > tbody > tr {
+  > td:first-child {
+    padding-left: 0
+  }
+
+  > td:last-child {
+    padding-right: 0
+  }
+}
+
 .data thead tr.total {
   background-color: #EFEFEF;
   font-weight: normal;