From 5790b7dc92baf25acfc12fb783c30dfa36e4ddc0 Mon Sep 17 00:00:00 2001
From: Ian Huff <ian.huff@gmail.com>
Date: Fri, 25 Oct 2019 15:23:44 -0700
Subject: [PATCH] validation fixes

---
 src/datascience-ui/react-common/svgList.css | 2 +-
 src/datascience-ui/react-common/svgList.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/datascience-ui/react-common/svgList.css b/src/datascience-ui/react-common/svgList.css
index efe3b6d77fa5..6c7d9e34ba39 100644
--- a/src/datascience-ui/react-common/svgList.css
+++ b/src/datascience-ui/react-common/svgList.css
@@ -23,7 +23,7 @@
 .svg-list-item-selected {
     border-color: var(--vscode-list-highlightForeground);
     border-style: solid;
-    border-width: 1px;
+    border-width: 2px;
 }
 
 .svg-list-white-background {
diff --git a/src/datascience-ui/react-common/svgList.tsx b/src/datascience-ui/react-common/svgList.tsx
index 165445b811f7..1f1f23bed434 100644
--- a/src/datascience-ui/react-common/svgList.tsx
+++ b/src/datascience-ui/react-common/svgList.tsx
@@ -31,7 +31,7 @@ export class SvgList extends React.Component<ISvgListProps> {
 
     private renderImages() {
         return this.props.images.map((image, index) => {
-            const className = `svg-list-item${this.props.currentImage ? ' svg-list-item-selected' : ''}${this.props.themeMatplotlibBackground ? '' : ' svg-list-white-background'}`;
+            const className = `svg-list-item${(this.props.currentImage === index) ? ' svg-list-item-selected' : ''}${this.props.themeMatplotlibBackground ? '' : ' svg-list-white-background'}`;
             const ariaLabel = index === this.props.currentImage ? getLocString('DataScience.selectedImageListLabel', 'Selected Image') : getLocString('DataScience.selectedImageLabel', 'Image');
             const ariaPressed =  index === this.props.currentImage ? 'true' : 'false';
             const clickHandler = () => this.props.imageClicked(index);