From f434803f46e570d99294446448628ad96a6465ad Mon Sep 17 00:00:00 2001
From: Index <xv.media.address@gmail.com>
Date: Fri, 28 Jun 2024 01:21:14 -0500
Subject: [PATCH] minor: setting notes to reduce description length

---
 css/settings.css | 10 ++++++++--
 settings.html    | 10 +++++++++-
 settings.js      |  1 +
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/css/settings.css b/css/settings.css
index 6fa5d67..d33e466 100644
--- a/css/settings.css
+++ b/css/settings.css
@@ -51,7 +51,7 @@ h2 span.indent {
     font-weight: bold;
 }
 
-.setting-container .desc, .setting-container .warning {
+.setting-container .desc, .setting-container .warning, .setting-container .note {
     display: block;
     width: 75%;
 }
@@ -187,12 +187,18 @@ dialog .modal-body p:first-child {
     border-radius: inherit;
 }
 
-.warning {
+.setting-container .warning {
     font-size: 0.8rem;
     color: orange;
     font-weight: lighter;
 }
 
+.setting-container .note {
+    font-size: 0.8rem;
+    color: #439eff;
+    font-weight: lighter;
+}
+
 .card {
     --bs-card-border-color: #1e1e1e;
     --bs-card-bg: #121212;
diff --git a/settings.html b/settings.html
index fc32854..e5b9580 100755
--- a/settings.html
+++ b/settings.html
@@ -435,7 +435,12 @@
 					<button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button>
 				</div>
 				<br />
-				<span class="desc">Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page! (if the star is blue, then the item is not a collectible - however if the star is yellow/orange then the item is a collectible and you can hover on it to see your serial)</span>
+				<span class="desc">
+					Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page!
+				</span>
+				<span class="note">
+					* If the star is yellow/orange, that means the item is a collectible and hovering on the star will show your serial.
+				</span>
 			</div>
 			<div class="setting-container" id="theme-creator">
 				<span class="indicator">&nbsp;</span>
@@ -577,6 +582,9 @@
 				</div>
 				<br />
 				<span class="desc">List all the users that have more than 1 copy of a collectible!</span>
+				<span class="note mb-3">
+					* The hoarders list is limited to <span id="HoardersList-pageLimit"></span> pages to reduce chance of ratelimiting and improve how fast the list loads
+				</span>
 				<span class="form-check form-switch">
 					<input class="form-check-input" type="checkbox" role="switch" id="hoarders-list-avatars" data-setting="AvatarsEnabled" data-parent="HoardersList" />
 					<label class="form-check-label" for="hoarders-list-avatars">
diff --git a/settings.js b/settings.js
index 860cf8f..db86d69 100644
--- a/settings.js
+++ b/settings.js
@@ -13,6 +13,7 @@ var Utilities;
 	document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames;
 	//document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists;
 	//document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist;
+	document.getElementById('HoardersList-pageLimit').innerText = Utilities.Limits.HoardersListPages;
 })();
 
 // Handle buttons at the bottom of the page