apply rules page feedback

7 files changed, 27 insertions, 7 deletions

diff --git a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-custom-rules.hbs b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-custom-rules.hbs
index 4e03b21754d..36a79d1951a 100644
--- a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-custom-rules.hbs
+++ b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-custom-rules.hbs
@@ -1,4 +1,6 @@
 <div class="coding-rules-detail-custom-rules-section">
+  <div class="coding-rule-section-separator"></div>
+
   <h3 class="coding-rules-detail-title">{{t 'coding_rules.custom_rules'}}</h3>
 
   {{#if canWrite}}
diff --git a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-issues.hbs b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-issues.hbs
index fd7628139e0..e60656f4dd0 100644
--- a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-issues.hbs
+++ b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-issues.hbs
@@ -1,3 +1,5 @@
+<div class="coding-rule-section-separator"></div>
+
 <h3 class="coding-rules-detail-title">
   {{t 'coding_rules.issues'}} (<a class="js-rule-issues" href="{{baseSearchUrl}}" target="_blank">{{total}}</a>)
 </h3>
diff --git a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-profiles.hbs b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-profiles.hbs
index 629206a9162..cea2bdaa799 100644
--- a/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-profiles.hbs
+++ b/server/sonar-web/src/main/hbs/coding-rules/rule/coding-rules-rule-profiles.hbs
@@ -1,4 +1,6 @@
 <div class="coding-rules-detail-quality-profiles-section">
+  <div class="coding-rule-section-separator"></div>
+
   <h3 class="coding-rules-detail-title">{{t 'coding_rules.quality_profiles'}}</h3>
 
   {{#if canWrite}}
diff --git a/server/sonar-web/src/main/js/coding-rules/rule-details-view.js b/server/sonar-web/src/main/js/coding-rules/rule-details-view.js
index 7e4cd25237f..df9c3803e89 100644
--- a/server/sonar-web/src/main/js/coding-rules/rule-details-view.js
+++ b/server/sonar-web/src/main/js/coding-rules/rule-details-view.js
@@ -118,7 +118,7 @@ define([
             that.options.app.controller.showDetailsForSelected();
             return false;
           });
-          key('left', 'details', function () {
+          key('left, backspace', 'details', function () {
             that.options.app.controller.hideDetails();
             return false;
           });
diff --git a/server/sonar-web/src/main/less/components/rules.less b/server/sonar-web/src/main/less/components/rules.less
index 4532f47ba93..3ca1bb28115 100644
--- a/server/sonar-web/src/main/less/components/rules.less
+++ b/server/sonar-web/src/main/less/components/rules.less
@@ -76,9 +76,10 @@
   padding-left: 20px;
 }
 
-.coding-rule-section > div {
-  max-width: 1020px;
+.coding-rule-section-separator {
+  height: 10px;
   margin: 0 -10px;
-  padding: 0 10px;
-  border-top: 10px solid @barBackgroundColor;
+  border-top: 1px solid @barBorderColor;
+  border-bottom: 1px solid @barBorderColor;
+  background-color: @barBackgroundColor;
 }
diff --git a/server/sonar-web/src/main/less/components/typography.less b/server/sonar-web/src/main/less/components/typography.less
index bdc8903a45c..4fdf5a5393e 100644
--- a/server/sonar-web/src/main/less/components/typography.less
+++ b/server/sonar-web/src/main/less/components/typography.less
@@ -3,7 +3,6 @@
 @import (reference) "ui";
 
 .formatted() {
-  max-width: 1020px;
   line-height: 1.5;
 
   p, ul, ol, pre, blockquote, table, h2, h3, h4, h5, h6 {
@@ -26,7 +25,6 @@
   }
 
   pre {
-    max-width: 1020px;
     padding: 10px;
     border-top: 1px solid @barBorderColor;
     border-bottom: 1px solid @barBorderColor;
diff --git a/server/sonar-web/src/main/less/pages/coding-rules.less b/server/sonar-web/src/main/less/pages/coding-rules.less
index e32da3d4c33..9a83be95b43 100644
--- a/server/sonar-web/src/main/less/pages/coding-rules.less
+++ b/server/sonar-web/src/main/less/pages/coding-rules.less
@@ -411,3 +411,18 @@ textarea.coding-rules-markdown-description {
 
   .icon-tags:before { font-size: 12px; }
 }
+
+.coding-rules-most-violated-projects {
+
+  td {
+    border-top-color: transparent;
+  }
+
+  tr:first-child + tr td {
+    border-top-color: @barBorderColor;
+  }
+
+  .coding-rules-detail-list-name {
+    font-weight: 400;
+  }
+}