Merge "Make blame annotation as link"
diff --git a/polygerrit-ui/app/elements/diff/gr-diff-builder/gr-diff-builder.js b/polygerrit-ui/app/elements/diff/gr-diff-builder/gr-diff-builder.js
index 7a20dbb..8ce5c7a 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff-builder/gr-diff-builder.js
+++ b/polygerrit-ui/app/elements/diff/gr-diff-builder/gr-diff-builder.js
@@ -577,11 +577,9 @@
     const blameNode = this._createElement('span',
         isStartOfRange ? 'startOfRange' : '');
 
-    const shaNode = this._createElement('span', 'blameDate');
+    const shaNode = this._createElement('a', 'blameDate');
     shaNode.innerText = `${date}`;
-    shaNode.onclick = function() {
-      location.href = '/q/' + commit.id;
-    };
+    shaNode.setAttribute('href', `/q/${commit.id}`);
     blameNode.appendChild(shaNode);
 
     const shortName = commit.author.split(' ')[0];
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index 8380984..590537d 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -281,7 +281,7 @@
       td.blame .blameDate {
         font-family: var(--monospace-font-family);
         color: var(--link-color);
-        cursor: pointer;
+        text-decoration: none;
       }
       .full-width td.blame {
         overflow: hidden;