[ui] .content in labelborder section

webui/src/components/AttributeView.svelte

@@ -18,7 +18,7 @@
   let availableWidgets: Widget[] = [];
   $: {
     availableWidgets = [
-  {
+      {
         name: "table",
         icon: "table",
         components: [
@@ -73,19 +73,21 @@
       </div>
     {/if}
   </header>
-  {#if !reverse}
+  <div class="content">
-    {#each components as component}
+    {#if !reverse}
-      <svelte:component
+      {#each components as component}
-        this={component.component}
+        <svelte:component
-        {...component.props || {}}
+          this={component.component}
-        {entries}
+          {...component.props || {}}
-        {editable}
+          {entries}
-        on:change
+          {editable}
-      />
+          on:change
-    {/each}
+        />
-  {:else}
+      {/each}
-    <Table columns="entity, attribute" {entries} />
+    {:else}
-  {/if}
+      <Table columns="entity, attribute" {entries} />
+    {/if}
+  </div>
 </section>
 
 <style scoped lang="scss">

webui/src/components/util.scss

@@ -28,4 +28,8 @@ section.labelborder {
         left: 1ex;
       }
     }
+
+    .content {
+      padding: .25em;
+    }
   }

webui/src/components/utils/NotesEditor.svelte

@@ -66,6 +66,6 @@
   .content {
     background: var(--background);
     border-radius: 4px;
-    padding: 0.5em;
+    padding: 0.5em !important;
   }
 </style>