diff --git a/README.md b/README.md
index eb04dc4a..9915f15e 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # "Color Buddy" an interactive color palette development Tool
 
-This is the code repo for Color Buddy.
+This is the code repo for Color Buddy. You can see docs for the language in the public/lang-docs.md file.
 
 ## SETUP
 
diff --git a/lang-docs.md b/public/lang-docs.md
similarity index 100%
rename from lang-docs.md
rename to public/lang-docs.md
diff --git a/src/lib/LintDocs.test.ts b/src/lib/LintDocs.test.ts
index 08c5512e..86e2d5ec 100644
--- a/src/lib/LintDocs.test.ts
+++ b/src/lib/LintDocs.test.ts
@@ -35,11 +35,11 @@ ${examples}
 
   `;
 
-  await fs.writeFile("./lang-docs.md", newDocs.trim());
+  await fs.writeFile("./public/lang-docs.md", newDocs.trim());
 }
 
 test("Docs have not changed", async () => {
   await buildDocs();
-  const docs = await fs.readFile("./lang-docs.md", "utf-8");
+  const docs = await fs.readFile("./public/lang-docs.md", "utf-8");
   expect(docs).toMatchSnapshot();
 });
diff --git a/src/linting/ExplanationViewer.svelte b/src/linting/ExplanationViewer.svelte
index 1358404f..f2ba8da7 100644
--- a/src/linting/ExplanationViewer.svelte
+++ b/src/linting/ExplanationViewer.svelte
@@ -3,6 +3,8 @@
   import colorStore from "../stores/color-store";
   import type { LintResult } from "../lib/ColorLint";
 
+  import { dealWithFocusEvent } from "../lib/utils";
+
   export let check: LintResult;
 
   type ParseBlock = { content: string; type: "text" | "color" };
@@ -53,11 +55,12 @@
       <span>{block.content}</span>
     {:else}
       <button
-        on:click={() => {
+        on:click|stopPropagation={(e) => {
           const hexes = colors.map((x) => x.toHex().toLowerCase());
           const idx = hexes.findIndex((x) => x === block.content.toLowerCase());
-          if (idx === -1) return;
-          focusStore.setColors([idx]);
+          focusStore.setColors(
+            dealWithFocusEvent(e, idx, $focusStore.focusedColors)
+          );
         }}
         style={`background-color: ${block.content}; top: -3px`}
         class="rounded-full w-3 h-3 ml-1 mr-1 inline-block cursor-pointer relative"
@@ -65,3 +68,10 @@
     {/if}
   {/each}
 </div>
+
+<!-- on:click={() => {
+          const hexes = colors.map((x) => x.toHex().toLowerCase());
+          const idx = hexes.findIndex((x) => x === block.content.toLowerCase());
+          if (idx === -1) return;
+          focusStore.setColors([idx]);
+        }} -->
diff --git a/src/linting/LintCustomizationModal.svelte b/src/linting/LintCustomizationModal.svelte
index af276a0c..0e5971fc 100644
--- a/src/linting/LintCustomizationModal.svelte
+++ b/src/linting/LintCustomizationModal.svelte
@@ -115,6 +115,7 @@
           >
             Clone this lint
           </button>
+          <a class={buttonStyle} target="_blank" href="./lang-docs.md">Docs</a>
         </div>
       </div>