From 170347dfd27b593db814f36da611258734c93905 Mon Sep 17 00:00:00 2001
From: Noah Mercer <noah.mercer@gmail.com>
Date: Thu, 9 Jan 2025 14:30:24 -0800
Subject: [PATCH] #46 Changes to fit the sample screen w/o scrolling

---
 .../cognitive/spatial-orientation/spatial-orientation.js   | 7 ++-----
 client/src/cognitive/spatial-orientation/style.css         | 3 +--
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/client/src/cognitive/spatial-orientation/spatial-orientation.js b/client/src/cognitive/spatial-orientation/spatial-orientation.js
index 6bdd394..4c1754c 100644
--- a/client/src/cognitive/spatial-orientation/spatial-orientation.js
+++ b/client/src/cognitive/spatial-orientation/spatial-orientation.js
@@ -14,13 +14,10 @@ import scene_img from "./scene.png";
 // fragments
 const instruction_0_html = (await import("./frag/instruction_0.html?raw")).default;
 const instruction_1_html = `
-Look at the sample trial below.
 <img id="spatial-orientation-sample" src="${sample_img}"/>
-Imagine that you are standing at the <strong>bell</strong> facing the <strong>tree</strong>.
+Let's practice this next task.  Imagine that you are standing at the <strong>bell</strong> facing the <strong>tree</strong>.
 Your task is to draw a line on the input circle indicating the direction to the <strong>drum</strong>.
-In the sample trial, this line has been drawn for you.
-In the actual trials, use your computer mouse to draw this line.
-Can you see that if you were at the <strong>bell</strong> facing the <strong>tree</strong> the <strong>drum</strong> would be in the direction shown by the dotted line?
+In this example, this line has been drawn for you.  Can you see that if you were at the <strong>bell</strong> facing the <strong>tree</strong>, the drum would be in the direction shown by the dotted line?
 <br> <br>
 <em>Press the space bar to continue.</em>
 `
diff --git a/client/src/cognitive/spatial-orientation/style.css b/client/src/cognitive/spatial-orientation/style.css
index 4007be6..6f80048 100644
--- a/client/src/cognitive/spatial-orientation/style.css
+++ b/client/src/cognitive/spatial-orientation/style.css
@@ -1,5 +1,4 @@
 #spatial-orientation-sample {
     display: block;
-    width: 80%;
-    margin: 2em auto 2em auto;
+    margin: 0em auto 2em -7em;
 }