From 5923267456aafd10b96c28bc31fefb0960a74665 Mon Sep 17 00:00:00 2001
From: unknown <vandyliu1999@gmail.com>
Date: Thu, 9 Apr 2020 12:46:46 -0700
Subject: [PATCH 1/2] first commit

---
 src/view/pages/gettingStarted.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/view/pages/gettingStarted.tsx b/src/view/pages/gettingStarted.tsx
index 0065da1f9..1d00df250 100644
--- a/src/view/pages/gettingStarted.tsx
+++ b/src/view/pages/gettingStarted.tsx
@@ -138,13 +138,13 @@ export class GettingStartedPage extends React.Component {
                         <h2> Tutorial for CLUE </h2>
                         <h3> 0. Enable Preview Mode to use the CLUE (This is required)</h3>
                         <p> a. Access your settings:</p>
-                        <img alt='Open settings' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG'></img>
+                        <img alt='Open settings' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG' style={{width: '346px', height:'337px'}}></img>
                         <ul>
                             <li>Windows or Linux: press <kbd>Ctrl</kbd> + <kbd>,</kbd> or go to <code>File -> Preferences -> Settings</code></li>
                             <li>Mac: press <kbd>Cmd</kbd> + <kbd>,</kbd> or go to <code>Code -> Preferences -> Settings</code>.</li>
                         </ul>
                         <p> b. Check the <code>"Device Simulator Express: Preview Mode"</code> setting.</p>
-                        <img alt='Enable preview mode' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif'></img>
+                        <img alt='Enable preview mode' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif' style={{width: '333px', height:'157px'}}></img>
                         <h3>
                             1. Import the the main CLUE library (This is
                             required)

From a34bac16d44f078f61ffc365385278f0a082918a Mon Sep 17 00:00:00 2001
From: unknown <vandyliu1999@gmail.com>
Date: Thu, 9 Apr 2020 13:02:38 -0700
Subject: [PATCH 2/2] updated tests

---
 .../pages/__snapshots__/gettingStarted.spec.tsx.snap | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/view/pages/__snapshots__/gettingStarted.spec.tsx.snap b/src/view/pages/__snapshots__/gettingStarted.spec.tsx.snap
index ce37a115b..f2def6158 100644
--- a/src/view/pages/__snapshots__/gettingStarted.spec.tsx.snap
+++ b/src/view/pages/__snapshots__/gettingStarted.spec.tsx.snap
@@ -222,6 +222,12 @@ exports[`GettingStartedPage component  should render correctly 1`] = `
     <img
       alt="Open settings"
       src="https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG"
+      style={
+        Object {
+          "height": "337px",
+          "width": "346px",
+        }
+      }
     />
     <ul>
       <li>
@@ -264,6 +270,12 @@ exports[`GettingStartedPage component  should render correctly 1`] = `
     <img
       alt="Enable preview mode"
       src="https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif"
+      style={
+        Object {
+          "height": "157px",
+          "width": "333px",
+        }
+      }
     />
     <h3>
       1. Import the the main CLUE library (This is required)