From 3677a69c767882598b6e47c67f427312208ae79a Mon Sep 17 00:00:00 2001
From: Hale Rankin <harankin@microsoft.com>
Date: Wed, 4 Nov 2020 10:27:57 -0800
Subject: [PATCH] Import models - Browse location styles. (#13110)

* Added icon and style changes for browse location step in import models.

* Revised icon path to point to one for light and one for dark.
---
 extensions/machine-learning/images/browseLocal.svg         | 3 +++
 .../src/views/models/localModelsComponent.ts               | 7 +++++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 extensions/machine-learning/images/browseLocal.svg

diff --git a/extensions/machine-learning/images/browseLocal.svg b/extensions/machine-learning/images/browseLocal.svg
new file mode 100644
index 0000000000..c95891b353
--- /dev/null
+++ b/extensions/machine-learning/images/browseLocal.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 8V16C20 16.1406 19.974 16.2708 19.9219 16.3906C19.8698 16.5104 19.7969 16.6172 19.7031 16.7109C19.6146 16.7995 19.5104 16.8698 19.3906 16.9219C19.2708 16.974 19.1406 17 19 17H5C4.85938 17 4.72917 16.974 4.60938 16.9219C4.48958 16.8698 4.38281 16.7995 4.28906 16.7109C4.20052 16.6172 4.13021 16.5104 4.07812 16.3906C4.02604 16.2708 4 16.1406 4 16V6C4 5.85938 4.02604 5.72917 4.07812 5.60938C4.13021 5.48958 4.20052 5.38542 4.28906 5.29688C4.38281 5.20312 4.48958 5.13021 4.60938 5.07812C4.72917 5.02604 4.85938 5 5 5H10.75C10.9427 5 11.1224 5.03646 11.2891 5.10938C11.4557 5.17708 11.6068 5.27083 11.7422 5.39062C11.8828 5.50521 12.0078 5.63802 12.1172 5.78906C12.2318 5.9349 12.3359 6.08594 12.4297 6.24219C12.4974 6.36198 12.5625 6.46875 12.625 6.5625C12.6927 6.65625 12.7656 6.73698 12.8438 6.80469C12.9271 6.86719 13.0182 6.91667 13.1172 6.95312C13.2214 6.98438 13.349 7 13.5 7H19C19.1406 7 19.2708 7.02604 19.3906 7.07812C19.5104 7.13021 19.6146 7.20312 19.7031 7.29688C19.7969 7.38542 19.8698 7.48958 19.9219 7.60938C19.974 7.72917 20 7.85938 20 8ZM10.75 6H5V8H10.75C10.8906 8 11.0078 7.97656 11.1016 7.92969C11.2005 7.88281 11.2917 7.82552 11.375 7.75781C11.4635 7.6901 11.5521 7.61719 11.6406 7.53906C11.7292 7.45573 11.8307 7.38281 11.9453 7.32031C11.8672 7.23177 11.7839 7.11458 11.6953 6.96875C11.612 6.81771 11.5208 6.67188 11.4219 6.53125C11.3229 6.38542 11.2161 6.26042 11.1016 6.15625C10.9922 6.05208 10.875 6 10.75 6ZM19 16V8H13.5C13.2083 8 12.9714 8.02604 12.7891 8.07812C12.612 8.125 12.4609 8.1849 12.3359 8.25781C12.2161 8.33073 12.112 8.41146 12.0234 8.5C11.9349 8.58854 11.8359 8.66927 11.7266 8.74219C11.6224 8.8151 11.4948 8.8776 11.3438 8.92969C11.1927 8.97656 10.9948 9 10.75 9H5V16H19Z" fill="#0078D4"/>
+</svg>
diff --git a/extensions/machine-learning/src/views/models/localModelsComponent.ts b/extensions/machine-learning/src/views/models/localModelsComponent.ts
index 1c5aefad59..4b3e827bdb 100644
--- a/extensions/machine-learning/src/views/models/localModelsComponent.ts
+++ b/extensions/machine-learning/src/views/models/localModelsComponent.ts
@@ -38,8 +38,11 @@ export class LocalModelsComponent extends ModelViewBase implements IDataComponen
 			width: this.componentMaxLength - this.browseButtonMaxLength - this.spaceBetweenComponentsLength
 		}).component();
 		this._localBrowse = modelBuilder.button().withProperties({
-			label: constants.browseModels,
-			width: this.browseButtonMaxLength
+			iconPath: { light: this.asAbsolutePath('images/browseLocal.svg'), dark: this.asAbsolutePath('images/browseLocal.svg') },
+			iconHeight: '24px',
+			iconWidth: '24px',
+			width: '24px',
+			height: '24px'
 		}).component();
 		this._localBrowse.onDidClick(async () => {