diff --git a/assets/css/custom.css b/assets/css/custom.css index c5a7012..d8d2749 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -181,6 +181,12 @@ body:not(.home) .menu { display: none; } font-family: var(--font-family-serif); font-size: 0.85em; line-height: 1.6; + text-align: left; + /* ragged-right with hyphenation reads better than a raw ragged edge at this + column width; :lang() on (set per-page by Hugo) picks the right + hyphenation dictionary for en vs. de automatically */ + hyphens: auto; + -webkit-hyphens: auto; } .proj-info > :first-child { margin-top: 0; } .proj-info > :last-child { margin-bottom: 0; } @@ -204,6 +210,12 @@ body:not(.home) .menu { display: none; } flex: 0 0 18rem; margin-top: 3.6rem; /* clear the two shell lines above the file list */ } + /* the shell line + lang-switch stretch out to the same width as the file + list + info panel together, so the toggle sits flush with the info + panel's right edge instead of the narrow column's old edge */ + body:has(.proj-info) .topbar { + width: calc(var(--container-width) + 1.5rem + 18rem); + } } /* prev/next as shell "cd" commands — same vocabulary as the rest of the site */