diff options
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; |