#46 Changes to fit the sample screen w/o scrolling

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>
 `

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;
 }