Some style changes

868131125b6ebbe06b95de57c89334042bbc22a5

Tucker McKnight <tmcknight@instructure.com> | Thu Feb 05 2026

Some style changes

- Go with a sans-serif font after all; makes everything visually fit
  together more nicely
- Add a gap between the columns in the language graph
- Remove the underline on the bezeled directory links -- it looks
  different with the sans-serif font
- Make spacing more consistent with the toggle switches on markdown
  file pages
js_templates/file.ts:23
Before
23
24
    m('div', {class: "row my-1"},
          m('span', {class: "bezel-gray px-1"},
After
23
24
    m('div', {class: "directory-buttons row my-2"},
          m('span', {class: "bezel-gray p-1"},
js_templates/file.ts:34
Before
34
35
              return m('span', {class: "bezel-gray px-1"}, [
                  href: `${data.reposPath}/${data.fileInfo.repoName}/branches/${data.fileInfo.branchName}/files/${arr.slice(0, index + 1).map((part) => slugify(part)).join('/')}.html`}, dir)
After
34
35
              return m('span', {class: "bezel-gray p-1"}, [
                  href: `${data.reposPath}/${data.fileInfo.repoName}/branches/${data.fileInfo.branchName}/files/${arr.slice(0, index + 1).map((part) => slugify(part)).join('/')}.html`}, `${dir}/`)
js_templates/file.ts:64
Before
64
65
66
        m('div', {class: "row"},
            m('p', m('a', {
            m('div', {class: "row"},
After
64
65
66
        m('div', {class: "row my-3"},
            m('span', m('a', {
            m('div', {class: "row my-2"},
js_templates/file.ts:89
Before
89
            m('div', {class: "row rendered-content py-4"},
After
89
            m('div', {class: "row rendered-content"},
js_templates/file.ts:102
Before
102
            m('div', {class: "row py-2"},
After
102
            m('div', {class: "row"},
js_templates/files.ts:18
Before
18
    m('div', {class: "row my-1"},
After
18
    m('div', {class: "row my-2"},
js_templates/index.ts:69
Before
69
                          class: "mx-1 my-2 btn btn-primary text-white"
After
69
                          class: "ms-0 me-2 my-2 btn btn-primary text-white"
js_templates/repo.ts:55
Before
55
56
                ? m('p', {class: "text-white fs-4"}, repo.description)
                  m('div', {class: "d-flex flex-grow-1 flex-nowrap"}, topLanguagePercentages.map((percentTuple) => {
After
55
56
                ? m('p', {class: "text-white fs-4 fw-light"}, repo.description)
                  m('div', {class: "language-cols d-flex flex-grow-1 flex-nowrap"}, topLanguagePercentages.map((percentTuple) => {
scss/design-board.scss:2
Before
2
3
$font-family-base: serif;
After
2
3
scss/design-board.scss:148
Before
148
After
148
.language-cols {
  margin: 0 -6px;
}
  margin: 0 6px;
scss/design-board.scss:264
Before
264
After
264

/* file page */

.directory-buttons a {
  text-decoration: none;
}