From dda452b004f324c49a113f3659101b6f8bbaefdb Mon Sep 17 00:00:00 2001
From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
Date: Tue, 23 Sep 2025 02:00:22 -0400
Subject: [PATCH] fix: broken margin on mobile contact page - allow
 fingerprints to break every 4 characters by replacing &nbsp; with regular
 spaces, enabling normal wrapping - replace inline code blocks with fenced
 code blocks for horizontal scrolling - create class for adding padding to
 standalone code block

---
 _includes/dev-keys.md            | 8 ++++++--
 _includes/fingerprint-split.html | 2 +-
 _sass/typography.scss            | 3 +++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/_includes/dev-keys.md b/_includes/dev-keys.md
index 2f5e62730..01b862b01 100644
--- a/_includes/dev-keys.md
+++ b/_includes/dev-keys.md
@@ -8,7 +8,11 @@
   {% else %}{% comment %}fallback to English{% endcomment %}
     {% assign _includes_dev_keys-name = "Name" %}
     {% assign _includes_dev_keys-fingerprint = "Fingerprint" %}
-    {% capture _includes_dev_keys-import %}You can import a key by running the following command with that individual's fingerprint: `gpg{{site.strings.gpg_keyserver}} --recv-keys "<fingerprint>"`  Ensure that you put quotes around fingerprints containing spaces.{% endcapture %}
+    {% capture _includes_dev_keys-import %}You can import a key by running the following command with that individual's fingerprint: 
+
+<pre class="highlight code-pad"><code>gpg{{ site.strings.gpg_keyserver }} --recv-keys "&lt;fingerprint&gt;"</code></pre>
+
+Ensure that you put quotes around fingerprints containing spaces.{% endcapture %}
 {% endcase %}
 {% endcapture %}
 
@@ -18,4 +22,4 @@
 | Michael Ford                | <code>{% include fingerprint-split.html hex="E777299FC265DD04793070EB944D35F9AC3DB76A" %}</code> |
 | Ava Chow                    | <code>{% include fingerprint-split.html hex="152812300785C96444D3334D17565732E08E5E41" %}</code> |
 
-{{_includes_dev_keys-import}}
+{{_includes_dev_keys-import}}
\ No newline at end of file
diff --git a/_includes/fingerprint-split.html b/_includes/fingerprint-split.html
index 40f530daf..f693f1cdd 100644
--- a/_includes/fingerprint-split.html
+++ b/_includes/fingerprint-split.html
@@ -1 +1 @@
-{{include.hex | slice: 0, 4 }}&nbsp;{{include.hex | slice: 4, 4 }}&nbsp;{{include.hex | slice: 8, 4 }}&nbsp;{{include.hex | slice: 12, 4 }}&nbsp;{{include.hex | slice: 16, 4 }}&nbsp;&nbsp;{{include.hex | slice: 20, 4 }}&nbsp;{{include.hex | slice: 24, 4 }}&nbsp;{{include.hex | slice: 28, 4 }}&nbsp;{{include.hex | slice: 32, 4 }}&nbsp;{{include.hex | slice: 36, 4 }}
\ No newline at end of file
+{{include.hex | slice: 0, 4 }} {{include.hex | slice: 4, 4 }} {{include.hex | slice: 8, 4 }} {{include.hex | slice: 12, 4 }} {{include.hex | slice: 16, 4 }}  {{include.hex | slice: 20, 4 }} {{include.hex | slice: 24, 4 }} {{include.hex | slice: 28, 4 }} {{include.hex | slice: 32, 4 }} {{include.hex | slice: 36, 4 }}
\ No newline at end of file
diff --git a/_sass/typography.scss b/_sass/typography.scss
index 0c9e54e5a..d226043d9 100644
--- a/_sass/typography.scss
+++ b/_sass/typography.scss
@@ -155,3 +155,6 @@ pre {
 	line-height: 1.5;
 	overflow-x: auto;
 }
+.code-pad {
+	padding: 0 .5rem;
+}
\ No newline at end of file