From 53163ce6ed6b2bf212e5543b9dd6c58ac37db756 Mon Sep 17 00:00:00 2001
From: rekkabell <rekkabell@gmail.com>
Date: Sun, 15 Dec 2024 12:14:23 -0500
Subject: [PATCH] *

---
 links/main.css   | 7 ++++---
 site/left.html   | 6 +++---
 src/inc/left.htm | 6 +++---
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/links/main.css b/links/main.css
index 9be627938..0a22f59c1 100644
--- a/links/main.css
+++ b/links/main.css
@@ -65,8 +65,8 @@ main .ethics-icon { width: 100px; height: auto; align-self: end;}
 main cite {font-size: 17px;display: block;clear: both;margin-bottom: 30px;}
 main cite:before {content: "— ";}
 main > q { font-size: 20px;font-style: italic;max-width: 500px; display: block; margin-left:30px; }
-main > pre { font-family: monospace; background: black; color:white; padding:15px; }
-main > code { font-family: monospace; font-size:12px; margin-bottom: 30px; display: block; background:black; color:white; padding:15px; white-space: pre}
+main > pre { max-width: 700px; font-family: monospace; background: black; color:white; padding:15px; }
+main > code { max-width: 700px; font-family: monospace; font-size:12px; margin-bottom: 30px; display: block; background:black; color:white; padding:15px; white-space: pre}
 main > code comment { color:#777}
 
 main .button { background-color: #000;border: 2px solid white;color: white;padding: 13px 28px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;border-radius: 200px;font-weight: bold; margin-right: 15px; margin-bottom: 30px;}
@@ -76,6 +76,7 @@ main .button.patreon { border-color: #e75942}
 main .button.patreon:hover { background: #e75942 !important; cursor:pointer;}
 
 body select { color: black; margin-bottom: 20px }
+main table {max-width: 700px;}
 main table.drpdown { padding-bottom: 15px; font-size: 18px}
 main table.drpdown td { padding-bottom: 15px; color: black;}
 
@@ -117,7 +118,7 @@ ul { margin:0px 0px 30px 0px; }
 
 .col2 { columns: 2 }
 .capital { text-transform: capitalize }
-.notice { padding:20px; border:2px solid black;  }
+.notice { max-width: 700px; padding:20px; border:2px solid black;  }
 ul.nobull li {list-style-type: none}
 
 .hidden { display: none }
diff --git a/site/left.html b/site/left.html
index fd72dcc28..7669c3a62 100644
--- a/site/left.html
+++ b/site/left.html
@@ -111,7 +111,7 @@ <h3><a id='controls'>Controls</a></h3>
     <div><kbd class='shortcut'><dt>escape</dt></kbd><dd>select reset</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + f</dt></kbd><dd>find selection</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + h</dt></kbd><dd>View hint</dd></div>
-    <div><kbd class='shortcut'><dt>ctrl + spc</dt></kbd><dd>Symbol</dd></div>
+    <div><kbd class='shortcut'><dt>ctrl + space</dt></kbd><dd>Symbol</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + l</dt></kbd><dd>Categories</dd></div>
 </dl>
 
@@ -135,7 +135,7 @@ <h3><a id='snarf'>Snarf</a></h3>
 
 <h3><a id='word'>Finding a word</a></h3>
 
-<p>Find multiple occurences of a word by selecting one, and pressing <kbd class='shortcut'>ctrl + f</kbd>. A menu will appear on the left side showing the various occurences of the selected word, scroll through the list using <kbd class='shortcut'>alt + (up or down)arrows</kbd>. To leave the word finding mode press <kbd class='shortcut'>escape</kbd>.</p>
+<p>Find multiple occurences of a word by selecting one, and pressing <kbd class='shortcut'>ctrl + f</kbd>. A menu will appear on the left side showing the various occurences of the selected word, scroll through the list using <kbd class='shortcut'>alt + (↑ or ↓ arrows)</kbd>. To leave the word finding mode press <kbd class='shortcut'>escape</kbd>.</p>
 
 <hr />
 
@@ -151,7 +151,7 @@ <h3><a id='saving'>Saving a file</a></h3>
 
 <p>To save a file, press <kbd class='shortcut'>ctrl + s</kbd>.</p>
 
-<p>At the top left corner of the window is a diamond shape, it changes color to indicate whether or not you have unsaved changes. Teal means unsaved, black means saved.</p>
+<p>At the top left corner of the window is a diamond shape, it changes color to indicate whether or not you have unsaved changes. <a style='background: teal; border: 1px solid #777; display: inline-block; padding: 2px 5px; margin: 0px; color: white; font-size: 12px; line-height: 16px; border-radius: 2px; font-weight: bold'>Teal</a> means unsaved, <a style='background: black; border: 1px solid #777; display: inline-block; padding: 2px 5px; margin: 0px; color: white; font-size: 12px; line-height: 16px; border-radius: 2px; font-weight: bold'>Black</a> means saved.</p>
 <hr />
 
 <img src='../media/interface/left.turnip.png' title='Hello, I am the baby form of Lefbit' alt='De-evolved Lefbit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>
diff --git a/src/inc/left.htm b/src/inc/left.htm
index 15050d6e3..51d3933bd 100644
--- a/src/inc/left.htm
+++ b/src/inc/left.htm
@@ -66,7 +66,7 @@ <h3><a id='controls'>Controls</a></h3>
     <div><kbd class='shortcut'><dt>escape</dt></kbd><dd>select reset</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + f</dt></kbd><dd>find selection</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + h</dt></kbd><dd>View hint</dd></div>
-    <div><kbd class='shortcut'><dt>ctrl + spc</dt></kbd><dd>Symbol</dd></div>
+    <div><kbd class='shortcut'><dt>ctrl + space</dt></kbd><dd>Symbol</dd></div>
     <div><kbd class='shortcut'><dt>ctrl + l</dt></kbd><dd>Categories</dd></div>
 </dl>
 
@@ -90,7 +90,7 @@ <h3><a id='snarf'>Snarf</a></h3>
 
 <h3><a id='word'>Finding a word</a></h3>
 
-<p>Find multiple occurences of a word by selecting one, and pressing <kbd class='shortcut'>ctrl + f</kbd>. A menu will appear on the left side showing the various occurences of the selected word, scroll through the list using <kbd class='shortcut'>alt + (up or down)arrows</kbd>. To leave the word finding mode press <kbd class='shortcut'>escape</kbd>.</p>
+<p>Find multiple occurences of a word by selecting one, and pressing <kbd class='shortcut'>ctrl + f</kbd>. A menu will appear on the left side showing the various occurences of the selected word, scroll through the list using <kbd class='shortcut'>alt + (↑ or ↓ arrows)</kbd>. To leave the word finding mode press <kbd class='shortcut'>escape</kbd>.</p>
 
 <hr />
 
@@ -106,7 +106,7 @@ <h3><a id='saving'>Saving a file</a></h3>
 
 <p>To save a file, press <kbd class='shortcut'>ctrl + s</kbd>.</p>
 
-<p>At the top left corner of the window is a diamond shape, it changes color to indicate whether or not you have unsaved changes. Teal means unsaved, black means saved.</p>
+<p>At the top left corner of the window is a diamond shape, it changes color to indicate whether or not you have unsaved changes. <a style='background: teal; border: 1px solid #777; display: inline-block; padding: 2px 5px; margin: 0px; color: white; font-size: 12px; line-height: 16px; border-radius: 2px; font-weight: bold'>Teal</a> means unsaved, <a style='background: black; border: 1px solid #777; display: inline-block; padding: 2px 5px; margin: 0px; color: white; font-size: 12px; line-height: 16px; border-radius: 2px; font-weight: bold'>Black</a> means saved.</p>
 <hr />
 
 <img src='../media/interface/left.turnip.png' title='Hello, I am the baby form of Lefbit' alt='De-evolved Lefbit' style='width: 185px;margin: 0px auto; margin-bottom: 0px;display: block;margin-bottom: 30px;'/>