align

.idea/workspace.xml

@@ -2,8 +2,6 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="ae846324-9595-4559-bb25-c8da4b9670ce" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/script.js" beforeDir="false" afterPath="$PROJECT_DIR$/script.js" afterDir="false" />
     </list>
@@ -70,14 +68,30 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1575580633016</updated>
-      <workItem from="1575580634353" duration="8167000" />
+      <workItem from="1575580634353" duration="8238000" />
     </task>
+    <task id="LOCAL-00001" summary="shading line end tweaks">
+      <created>1575588833718</created>
+      <option name="number" value="00001" />
+      <option name="presentableId" value="LOCAL-00001" />
+      <option name="project" value="LOCAL" />
+      <updated>1575588833718</updated>
+    </task>
+    <option name="localTasksCounter" value="2" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="1" />
   </component>
+  <component name="VcsManagerConfiguration">
+    <MESSAGE value="shading line end tweaks" />
+    <option name="LAST_COMMIT_MESSAGE" value="shading line end tweaks" />
+  </component>
   <component name="WindowStateProjectService">
+    <state x="493" y="195" key="CommitChangelistDialog2" timestamp="1575588833617">
+      <screen x="0" y="30" width="1920" height="1170" />
+    </state>
+    <state x="493" y="195" key="CommitChangelistDialog2/0.30.1920.1170/1920.0.1600.1200@0.30.1920.1170" timestamp="1575588833617" />
     <state x="478" y="205" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser" timestamp="1575587621420">
       <screen x="0" y="30" width="1920" height="1170" />
     </state>

script.js

@@ -44,8 +44,8 @@ class Board {
     const gap = 6;
     const xstep = 86+gap;
     const ystep = 75+gap;
-    const xbase = 300;
+    const xbase = 370;
-    const ybase = 60;
+    const ybase = 90;
 
     let rx = xbase + xstep * x - y*Math.floor(xstep/2);
     let ry = ybase + ystep * y;