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;