codewhisperer: update code diff styles (#1407)

* codewhisperer: update code diff styles

* add change log

Author: ctlai95

.changes/next-release/Feature-aa5cf84c-4f2e-4170-97d6-497f70f70526.json

@@ -0,0 +1,4 @@
+{
+	"type": "Feature",
+	"description": "CodeWhisperer: Uses Generative AI and automated reasoning to rewrite lines of code flagged for security vulnerabilities during a security scan."
+}

resources/css/securityIssue.css

@@ -179,7 +179,7 @@ body.wordWrap pre {
 
 pre:not(.hljs),
 pre.hljs code > div {
-    padding: 16px;
+    padding: 0 16px 16px 16px;
     border-radius: 3px;
     overflow: auto;
 }
@@ -200,7 +200,7 @@ pre {
     color: var(--vscode-diffEditorOverview-insertedForeground, rgb(155, 185, 85));
     display: inline-block;
     width: 100%;
-    margin: -16px;
+    margin: 0 -16px;
     padding: 0 16px;
 }
 
@@ -209,19 +209,17 @@ pre {
     color: var(--vscode-diffEditorOverview-removedForeground, rgb(255, 0, 0));
     display: inline-block;
     width: 100%;
-    margin: -16px;
+    margin: 0 -16px;
     padding: 0 16px;
 }
 
 .hljs-meta {
     background-color: var(--vscode-editorMarkerNavigationInfo-headerBackground);
     color: var(--vscode-editorOverviewRuler-selectionHighlightForeground);
     display: inline-block;
-    position: relative;
     width: 100%;
-    margin: -16px;
-    padding: 10px 16px 8px 16px;
-    top: -8px;
+    margin: 0 -16px;
+    padding: 8px 16px;
 }
 
 input[type='submit'] {