Spacing changes for consistency on file and files pages.

fc11568d9ce54f64911782c0248dd7c74b8aab2b

Tucker McKnight <tucker@pangolin.lan> | Fri Jan 02 2026

Spacing changes for consistency on file and files pages.

Readability/style change on commit page.
js_templates/commit.ts:1
Before
0
1




2
3
4
import {NavHelper} from './helpers/nav.ts'

⁣
⁣
⁣
⁣
export default async (eleventyConfig: any, data: any, nav: ReturnType<typeof NavHelper>) => {
  const date = eleventyConfig.getFilter("date")
  const slugify = eleventyConfig.getFilter("slugify")
  const lineNumbers = eleventyConfig.getFilter("lineNumbers")
After
0
1
2
3
4
5
6
7
8
import {NavHelper} from './helpers/nav.ts'

export default async (
  eleventyConfig: any,
  data: any,
  nav: ReturnType<typeof NavHelper>
) => {
  const date = eleventyConfig.getFilter("date")
  const slugify = eleventyConfig.getFilter("slugify")
  const lineNumbers = eleventyConfig.getFilter("lineNumbers")
js_templates/file.ts:12
Before
11
12
13
14
15





16
  const renderContentIfAvailable = eleventyConfig.getFilter("renderContentIfAvailable")

  return `
    <div class="row my-3">
      <div class="col">
⁣
⁣
⁣
⁣
⁣
        <h3>
          <span class="bezel-gray px-1"><a href="${data.reposPath}/${data.fileInfo.repoName}/branches/${data.fileInfo.branchName}/files">./</a></span>${
After
11
12
13
14
15
16
17
18
19
20
21
  const renderContentIfAvailable = eleventyConfig.getFilter("renderContentIfAvailable")

  return `
    <div class="row mt-3 mb-1">
      <div class="col">
        <p>Files snapshot from <span class="font-monospace">${data.fileInfo.branchName}</span></p>
      </div>
    </div>
    <div class="row my-1">
      <div class="col">
        <h3>
          <span class="bezel-gray px-1"><a href="${data.reposPath}/${data.fileInfo.repoName}/branches/${data.fileInfo.branchName}/files">./</a></span>${
js_templates/file.ts:30
Before
29
30
31
32
33
34
    </div>
    <div class="row">
      <div class="col">
        <p>Files snapshot from <span class="font-monospace">${data.fileInfo.branchName}</span></p>
        <p><a href="${data.reposPath}/${slugify(data.fileInfo.repoName)}/branches/${slugify(data.fileInfo.branchName)}/raw/${data.fileInfo.file.split('.').map(filePart => slugify(filePart)).join('.')}">View raw file</a></p>
      </div>
    </div>
After
29
30
31

32
33
    </div>
    <div class="row">
      <div class="col">
⁣
        <p><a href="${data.reposPath}/${slugify(data.fileInfo.repoName)}/branches/${slugify(data.fileInfo.branchName)}/raw/${data.fileInfo.file.split('.').map(filePart => slugify(filePart)).join('.')}">View raw file</a></p>
      </div>
    </div>
js_templates/files.ts:8
Before
7
8
9
10
11
12
13
14
15
16
17
18


19
20
21
  const files: SortedFileList = topLevelFilesOnly(branch.fileList, '')

  return `
    <div class="row my-3">
      <div class="col">
        <h3>
          <span>./</span>
        </h3>
      </div>
    </div>
    <div class="row">
      <div class="col">
⁣
⁣
        <p>Files snapshot from <span class="font-monospace">${data.branchInfo.branchName}</span></p>
      </div>
    </div>
    <ul class="list-group">
After
7
8
9
10
11


12
13
14
15
16
17
18
19
20
21
  const files: SortedFileList = topLevelFilesOnly(branch.fileList, '')

  return `
    <div class="row mt-3 mb-1">
      <div class="col">
⁣
⁣
        <p>Files snapshot from <span class="font-monospace">${data.branchInfo.branchName}</span></p>
      </div>
    </div>
    <div class="row my-1">
      <div class="col">
        <h3>
          <span>./</span>
        </h3>
      </div>
    </div>
    <ul class="list-group">