SONAR-12537 Update See rule button in issues page

diff --git a/server/sonar-web/src/main/js/components/issue/Issue.css b/server/sonar-web/src/main/js/components/issue/Issue.css
index d46b2d7e948f84f29f3c602299098a044bc13715..88cd8b452822735e947dfafab6d51d793e89524e 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/Issue.css
+++ b/server/sonar-web/src/main/js/components/issue/Issue.css
@@ -97,6 +97,11 @@
   white-space: nowrap;
 }
 
+.issue-see-rule {
+  border-bottom: none;
+  line-height: 16px;
+}
+
 .issue-changelog {
   width: 450px;
   max-height: 320px;

diff --git a/server/sonar-web/src/main/js/components/issue/components/IssueMessage.tsx b/server/sonar-web/src/main/js/components/issue/components/IssueMessage.tsx
index dba797fae45c99e19bff8e84d72e5a123c7fff77..22c91a6c916a5f73c618aeb08d777bf975833e33 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/components/IssueMessage.tsx
+++ b/server/sonar-web/src/main/js/components/issue/components/IssueMessage.tsx
@@ -43,13 +43,14 @@ export default class IssueMessage extends React.PureComponent<Props> {
   render() {
     return (
       <div className="issue-message">
-        <span className="little-spacer-right">{this.props.message}</span>
+        <span className="spacer-right">{this.props.message}</span>
         <Button
           aria-label={translate('issue.rule_details')}
-          className="button button-grey button-tiny spacer-right text-top"
+          className="button button-link issue-see-rule spacer-right text-top"
           onClick={this.handleClick}>
           {translate('issue.see_rule')}
         </Button>
+
         {this.props.engine && (
           <Tooltip
             overlay={translateWithParameters('issue.from_external_rule_engine', this.props.engine)}>

diff --git a/server/sonar-web/src/main/js/components/issue/components/__tests__/__snapshots__/IssueMessage-test.tsx.snap b/server/sonar-web/src/main/js/components/issue/components/__tests__/__snapshots__/IssueMessage-test.tsx.snap
index 74d242cefac67408553caefca030af05f31315a2..38370231ce03e4a752f6a364f613695e9c964c4f 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/components/__tests__/__snapshots__/IssueMessage-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/issue/components/__tests__/__snapshots__/IssueMessage-test.tsx.snap
@@ -5,13 +5,13 @@ exports[`should render with the message and a link to open the rule 1`] = `
   className="issue-message"
 >
   <span
-    className="little-spacer-right"
+    className="spacer-right"
   >
     Reduce the number of conditional operators (4) used in the expression
   </span>
   <Button
     aria-label="issue.rule_details"
-    className="button button-grey button-tiny spacer-right text-top"
+    className="button button-link issue-see-rule spacer-right text-top"
     onClick={[Function]}
   >
     issue.see_rule