diff --git a/umap/static/umap/css/form.css b/umap/static/umap/css/form.css index e7496bb9..22bf7388 100644 --- a/umap/static/umap/css/form.css +++ b/umap/static/umap/css/form.css @@ -137,6 +137,9 @@ button.round { border-radius: 20px; border: 0.5px solid rgba(153, 153, 153, 0.40); } +button.round.small { + padding: var(--button-padding-small); +} .help-text, .helptext { display: block; padding: 7px 7px; diff --git a/umap/static/umap/js/modules/caption.js b/umap/static/umap/js/modules/caption.js index fbc7f3ec..c47aa224 100644 --- a/umap/static/umap/js/modules/caption.js +++ b/umap/static/umap/js/modules/caption.js @@ -8,9 +8,9 @@ const TEMPLATE = `

-

-

+

+

@@ -73,10 +73,10 @@ export default class Caption extends Utils.WithTemplate { ) this.addCredits() if (this._umap.properties.created_at) { - const created_at = translate('Created at {date}', { + const created_at = translate('created at {date}', { date: new Date(this._umap.properties.created_at).toLocaleDateString(), }) - const modified_at = translate('Modified at {date}', { + const modified_at = translate('modified at {date}', { date: new Date(this._umap.properties.modified_at).toLocaleDateString(), }) this.elements.dates.innerHTML = `${created_at} - ${modified_at}` diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css index effda252..a75f8164 100644 --- a/umap/static/umap/vars.css +++ b/umap/static/umap/vars.css @@ -25,6 +25,7 @@ --button-neutral-background: var(--color-lightGray); --button-neutral-color: var(--color-darkGray); --button-padding: 8px 16px; + --button-padding-small: 2px 8px; /* Sizes and spaces */ --gutter: 8px;