From 23c244bd2ec7037d92a76398a4d2ec009d768948 Mon Sep 17 00:00:00 2001
From: Maurits van Riezen <12109031+mousetail@users.noreply.github.com>
Date: Mon, 26 Feb 2024 11:57:00 +0100
Subject: [PATCH 1/2] Styling change: Background color on <code> elements to
 make the cheat sheet look a little better

---
 BitCycle/bitcycle.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/BitCycle/bitcycle.css b/BitCycle/bitcycle.css
index af780f9..7752ee7 100644
--- a/BitCycle/bitcycle.css
+++ b/BitCycle/bitcycle.css
@@ -82,3 +82,9 @@ span[contenteditable] {
     background: #888;
     cursor: default;
 }
+
+code {
+    padding: 0.25rem;
+    background-color: #ddd;
+    border-radius: 0.25rem;
+}

From cfd6ad935748923a7d1ecad1c2b0ebbe9aceb9d8 Mon Sep 17 00:00:00 2001
From: David Loscutoff <dloscutoff@gmail.com>
Date: Wed, 28 Feb 2024 00:30:04 -0600
Subject: [PATCH 2/2] Fixed style of +/- cheat sheet indicator. It really
 shouldn't have been a <code> tag, I just wanted it to use a fixed-width font.

---
 BitCycle/bitcycle.css | 3 +++
 BitCycle/index.html   | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/BitCycle/bitcycle.css b/BitCycle/bitcycle.css
index b6e7173..11facf1 100644
--- a/BitCycle/bitcycle.css
+++ b/BitCycle/bitcycle.css
@@ -74,6 +74,9 @@ canvas {
 input[type="number"] {
     width: 4em;
 }
+#cheat-sheet-indicator {
+    font-family: 'Courier New', monospace;
+}
 #done {
     border: #444;
     background: #888;
diff --git a/BitCycle/index.html b/BitCycle/index.html
index 8ab356b..389a019 100644
--- a/BitCycle/index.html
+++ b/BitCycle/index.html
@@ -58,7 +58,7 @@ <h1><a href="https://github.com/dloscutoff/Esolangs/tree/master/BitCycle" target
         </div>
     </div>
 </div>
-<h3><a href="#" class="blue" onclick="toggleCheatSheet()">Cheat Sheet <code id="cheat-sheet-indicator">+</code></a></h2>
+<h3><a href="#" class="blue" onclick="toggleCheatSheet()">Cheat Sheet <span id="cheat-sheet-indicator">+</span></a></h2>
 <div id="cheat-sheet" class="toggle hide">
     <p>
         <code>&lt;</code>, <code>^</code>, <code>&gt;</code>, and <code>v</code>