diff --git a/index.html b/index.html
index eba954a..cdfcdc4 100644
--- a/index.html
+++ b/index.html
@@ -46,6 +46,7 @@
a.button {
display: inline-block;
padding: 0.3rem 0.6rem;
+ margin-right: 0.6rem;
background: var(--primary-color);
color: var(--background-color);
text-decoration: none;
diff --git a/src/main.ts b/src/main.ts
index 0de8e9a..9f9938f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -213,10 +213,15 @@ $compile(
oninput: $inputNum(height),
}),
select("Unit", { oninput: $input(unit) }, ["mm", "px"]),
- ["h2", {}, "Export"],
- ["div", {}, ["a", {
- class: "button",
- href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`),
- download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`)
- }, "Download SVG"]]]]
+ ["h2", {}, "Actions"],
+ ["div", {},
+ ["a", {
+ class: "button",
+ href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`),
+ download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`)
+ }, "Download SVG"],
+ ["a", {
+ class: "button",
+ href: "./",
+ }, "Reload"]]]]
).mount(document.body)