diff options
| author | Thomas Voss <mail@thomasvoss.com> | 2025-08-01 21:24:48 +0200 |
|---|---|---|
| committer | Thomas Voss <mail@thomasvoss.com> | 2025-08-01 21:24:48 +0200 |
| commit | afe6a6c8b77a7f1ae99190ab782cdba1f5ee422d (patch) | |
| tree | 75ea25561cde327a9feb8d81aa81e89dbdee54c6 /src | |
| parent | 86dd0a1c532f44ae605640c31c62098d14459db4 (diff) | |
Move .country-grid styling to the correct file
Diffstat (limited to 'src')
| -rw-r--r-- | src/templates/coins-designs.html.tmpl | 24 | ||||
| -rw-r--r-- | src/templates/language.html.tmpl | 4 |
2 files changed, 26 insertions, 2 deletions
diff --git a/src/templates/coins-designs.html.tmpl b/src/templates/coins-designs.html.tmpl index def1e98..83164f3 100644 --- a/src/templates/coins-designs.html.tmpl +++ b/src/templates/coins-designs.html.tmpl @@ -1,3 +1,24 @@ +{{ define "header" }} +<style> + .country-grid { + --button-min-width: 20ch; + + row-gap: var(--spacing); + + a { + display: flex; + padding-left: 0; + padding-block: 1ch; + + > :first-child { + font-weight: bold; + width: calc(var(--form-element-spacing-horizontal) * 2 + 2ch); + } + } + } +</style> +{{ end }} + {{ define "content" }} <header> {{ template "navbar" . }} @@ -17,7 +38,8 @@ role="button" href="/coins/designs/{{ .Code }}" > - {{ .Name }} + <span>{{ .Code | toUpper }}</span> + <span>{{ .Name }}</span> </a> {{ end }} </div> diff --git a/src/templates/language.html.tmpl b/src/templates/language.html.tmpl index c67ca11..e8d8863 100644 --- a/src/templates/language.html.tmpl +++ b/src/templates/language.html.tmpl @@ -9,6 +9,8 @@ } .lang-grid { + --button-min-width: 22ch; + button { display: flex; align-items: center; @@ -18,7 +20,7 @@ > :first-child { font-size: 2em; font-weight: 600; /* Between normal and bold */ - width: calc(var(--form-element-spacing-horizontal) * 2 + 2ch); + min-width: calc(var(--form-element-spacing-horizontal) * 2 + 2ch); } > :nth-child(2) { text-align: left; |