Fix field margin issues

ts/editor/EditorField.svelte

@@ -85,9 +85,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     onDestroy(() => api?.destroy());
 </script>
 
-<slot name="field-label" />
+<div class="field-container">
+    <slot name="field-label" />
 
-<Collapsible collapse={collapsed} let:collapsed={hidden}>
+    <Collapsible collapse={collapsed} let:collapsed={hidden}>
         <div
             use:elementResolve
             class="editor-field"
@@ -112,7 +113,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 {/if}
             </EditingArea>
         </div>
-</Collapsible>
+    </Collapsible>
+</div>
 
 <style lang="scss">
     .editor-field {

ts/editor/FieldsEditor.svelte

@@ -12,5 +12,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         display: flex;
         flex-direction: column;
         flex-grow: 1;
+
+        /* replace with "gap: 5px" once it's available
+           - required: Chromium 84 (Qt6 only) and iOS 14.1 */
+        > :global(*) {
+            margin: 5px 0;
+        }
     }
 </style>