diff --git a/src/packager/P4.svelte b/src/packager/P4.svelte index 3091f7d..07e7436 100644 --- a/src/packager/P4.svelte +++ b/src/packager/P4.svelte @@ -161,7 +161,7 @@ {/if} {#if $progress.visible} -
+
{/if} diff --git a/src/packager/PackagerOptions.svelte b/src/packager/PackagerOptions.svelte index fe98b72..3907fef 100644 --- a/src/packager/PackagerOptions.svelte +++ b/src/packager/PackagerOptions.svelte @@ -164,9 +164,6 @@ .option-group { margin-bottom: 12px; } - .downloads { - text-align: center; - } input:invalid { outline: 2px solid red; } @@ -497,13 +494,14 @@
{#if result && url} -
-
+
+

{$_('options.download') .replace('{filename}', result.filename) .replace('{size}', (result.blob.size / 1000 / 1000).toFixed(2))} -

+ +

{:else if !$progress.visible}
diff --git a/src/packager/Section.svelte b/src/packager/Section.svelte index c3b25cb..422ec9a 100644 --- a/src/packager/Section.svelte +++ b/src/packager/Section.svelte @@ -1,5 +1,6 @@ @@ -19,7 +20,6 @@ background: #222; } .caption { - text-align: center; font-style: italic; } .modal { @@ -27,8 +27,14 @@ max-width: 400px; margin: 0 8px; } + .center { + height: 40px; + display: flex; + justify-content: center; + align-items: center; + } -
+