fix code block rogue padding (#883)

closes #882

---------

Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com>
Co-authored-by: Lois Wells <lois.wells@raspberrypi.org>
Co-authored-by: Lois Wells <88904316+loiswells97@users.noreply.github.com>

CHANGELOG.md

@@ -17,6 +17,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Wrap the project bar when sidebar is wide (#869)
 - Web component project bar state update delay (#869)
 - Left border of the project bar (#869)
+- Indentation of code block first line (#883)
+- Code block 3-digit line numbers (#883)
 
 ## [0.21.0] - 2024-01-05
 

src/assets/stylesheets/Instructions.scss

@@ -40,6 +40,10 @@
     pre {
       margin: 0;
     }
+
+    code {
+      padding-inline-start: 0;
+    }
   }
 
   .c-code-filename {
@@ -77,6 +81,7 @@
     border-color: $rpf-text-secondary-dark;
 
     span::before {
+      padding-inline-end: $space-0-5;
       color: $rpf-text-secondary-dark;
     }
   }