Tools Back to Top links go to Search

public/index.html

@@ -124,7 +124,7 @@
 						</p>
 						<p><a href="/join-us/">Come build something with us today!</a></p>
 						<div class="thoughts">
-							<img width="150" height="150" src="/assets/gear.svg" alt="Ideas and making" loading="lazy" decoding="async" />
+							<img width="75" height="75" src="/assets/gear.svg" alt="Ideas and making" loading="lazy" decoding="async" />
 						</div>
 					</div>
 				</div>

public/styles.css

@@ -109,7 +109,8 @@ header {
 	text-decoration-thickness: 0.08em;
 }
 .nav a.external,
-.footer-links a.external {
+.footer-links a.external,
+footer p a.external {
 	background-image: none;
 	padding-right: 0;
 	display: inline-flex;
@@ -117,7 +118,8 @@ header {
 	gap: 4px;
 }
 .nav a.external::after,
-.footer-links a.external::after {
+.footer-links a.external::after,
+footer p a.external::after {
 	width: 12px;
 	height: 12px;
 	flex: 0 0 12px;
@@ -233,7 +235,7 @@ main h1 {
 	margin: 24px;
 }
 .thoughts img {
-	width: 150px;
+	width: 75px;
 	margin: auto;
 }
 footer {
@@ -411,7 +413,7 @@ footer p {
 	font-weight: 400;
 }
 .tools-toc {
-	margin: 32px 0;
+	margin-top: 32px;
 	padding: 16px 20px;
 	border: 1px solid #0002;
 	background: #fff8;
@@ -429,16 +431,16 @@ footer p {
 }
 .tools-list h3 {
 	position: sticky;
-	top: 0;
+	top: -36px;
 	z-index: 2;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 16px;
-	margin-top: 48px;
+	margin-top: 0px;
-	padding: 10px 0;
+	padding: 48px 0 10px;
 	background: var(--paper);
-	scroll-margin-top: 24px;
+	scroll-margin-top: -36px;
 }
 .category-back {
 	font: 16px/1.5 Lato, Arial, sans-serif;

public/tools/index.html

@@ -86,7 +86,7 @@
 						Browse the tools and equipment available to Protospace members. This catalog
 						comes from the <a href="https://wiki.protospace.ca/Tools_we_have" class="external">Protospace Wiki</a>.
 					</p>
-					<h2>Search</h2>
+					<h2 id="tools-search-heading">Search</h2>
 					<div class="tools-search">
 						<label for="tool-search">Search tools <span id="tool-results-count" class="tools-results-count" hidden> - Results: …</span></label>
 						<div class="tools-search-controls">
@@ -149,7 +149,7 @@
 									headingText.textContent = category;
 									const backLink = document.createElement("a");
 									backLink.className = "category-back";
-									backLink.href = "#tools-toc";
+									backLink.href = "#tools-search-heading";
 									backLink.textContent = "Back to Top";
 									heading.append(headingText, backLink);
 									list.append(heading);