Add back "Outdated" label, fixes #1407

Author: Jackson Kearl

preview-src/diff.tsx

@@ -10,6 +10,7 @@ function Diff({ comment, hunks, path, outdated=false }: { comment: IComment, hun
 	return <div className='diff'>
 		<div className='diffHeader'>
 			<a className={`diffPath ${outdated ? 'outdated' : ''}`} onClick={() => openDiff(comment)}>{path}</a>
+			{outdated && <span className='outdatedLabel'>Outdated</span>}
 		</div>
 		{hunks.map(hunk => <Hunk hunk={hunk} />)}
 	</div>;

preview-src/index.css

@@ -259,11 +259,16 @@ body .merged .merged-message > a {
 	white-space: nowrap;
 }
 
-body .comment-container .review-comment-container .pending-label {
-	border: 1px solid;
-    border-radius: 2px 2px 2px 2px;
-    padding: 0.1rem 0.3rem;
-    font-style: italic;
+body .comment-container .review-comment-container .pending-label,
+body .diff .diffHeader .outdatedLabel {
+		border: 1px solid;
+		border-radius: 2px 2px 2px 2px;
+		padding: 0.1rem 0.3rem;
+		font-style: italic;
+}
+
+body .diff .diffPath {
+	margin-right: 4px;
 }
 
 body .comment-container .comment-body, .review-body {
@@ -913,24 +918,6 @@ code {
 	cursor: pointer;
 }
 
-.diff .diffHeader .diffPath.outdated:hover {
-	text-decoration: none;
-	color: var(--vscode-foreground);
-	cursor: default;
-}
-
-.diff .diffHeader .outdatedLabel {
-	border-radius: 3px;
-	box-shadow: none;
-	color: var(--vscode-badge-foreground);
-	background: var(--vscode-badge-background);
-	padding: 2px 6px;
-	margin-left: 5px;
-	border-radius: 2px;
-	line-height: 1;
-	font-size: 12px;
-}
-
 .win32 .diff .diffLine {
 	font-family: Consolas, Inconsolata, "Courier New", monospace;
 }