Space out Sticky Bottom with Spacer component

ts/components/Spacer.svelte

@@ -0,0 +1,12 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<div />
+
+<style lang="scss">
+    div {
+        width: var(--width, auto);
+        height: var(--height, auto);
+    }
+</style>

ts/components/StickyBottom.svelte

@@ -6,9 +6,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     export let id: string | undefined = undefined;
     let className: string = "";
     export { className as class };
+
+    export let height: number;
 </script>
 
-<footer {id} class={`container-fluid pt-1 ${className}`}>
+<footer {id} bind:offsetHeight={height} class={`container-fluid pt-1 ${className}`}>
     <slot />
 </footer>
 

ts/editor/TagEditor.svelte

@@ -6,6 +6,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { tick } from "svelte";
     import { isApplePlatform } from "lib/platform";
     import { bridgeCommand } from "lib/bridgecommand";
+    import Spacer from "components/Spacer.svelte";
     import StickyBottom from "components/StickyBottom.svelte";
     import AddTagBadge from "./AddTagBadge.svelte";
     import SelectedTagBadge from "./SelectedTagBadge.svelte";
@@ -361,9 +362,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         deselect();
         saveTags();
     }
+
+    let height: number;
 </script>
 
-<StickyBottom>
+<Spacer --height={`${height}px`} />
+
+<StickyBottom bind:height>
     <ButtonToolbar
         class="d-flex flex-wrap align-items-center mx-1"
         {size}