Add missing margin to empty list indicators.

sybila · May 20, 2024 · 5dfcb1e · 5dfcb1e
1 parent f94d35a
commit 5dfcb1e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/html/component/functions-editor/functions-editor.ts b/src/html/component/functions-editor/functions-editor.ts
@@ -258,7 +258,7 @@ export class FunctionsEditor extends LitElement {
             <div class="header uk-background-primary uk-margin-bottom">
               <h3 class="uk-heading-bullet uk-margin-remove-bottom ">Variables</h3>
             </div>
-            ${this.contentData?.variables.length === 0 ? html`<div class="uk-text-center"><span class="uk-label">No variables defined</span></div>` : ''}
+            ${this.contentData?.variables.length === 0 ? html`<div class="uk-text-center uk-margin-bottom"><span class="uk-label">No variables defined</span></div>` : ''}
             <div class="uk-list uk-text-center">
               ${map(this.contentData?.variables, (node, index) => html`
                 <variable-tile id="${node.id}"
@@ -277,7 +277,7 @@ export class FunctionsEditor extends LitElement {
                 <button @click="${this.addFunction}" class="uk-button uk-button-small uk-button-primary"> + add </button>
               </div>
             </div>
-            ${this.contentData?.functions.length === 0 ? html`<div class="uk-text-center"><span class="uk-label">No functions defined</span></div>` : ''}
+            ${this.contentData?.functions.length === 0 ? html`<div class="uk-text-center uk-margin-bottom"><span class="uk-label">No functions defined</span></div>` : ''}
             <div class="uk-list uk-text-center">              
               ${map(this.contentData.functions, (_node, index) => html`
                 <function-tile .index="${index}"

diff --git a/src/html/component/observations-editor/observations-editor.ts b/src/html/component/observations-editor/observations-editor.ts
@@ -308,7 +308,7 @@ export default class ObservationsEditor extends LitElement {
           <h3 class="uk-heading-bullet uk-margin-remove-bottom ">Observations</h3>
           <button @click="${this.loadDataset}" class="uk-button uk-button-primary uk-button-small import-button">+ Import</button>
         </div>
-        ${this.contentData?.observations.length === 0 ? html`<div class="uk-text-center"><span class="uk-label">No observations loaded</span></div>` : ''}
+        ${this.contentData?.observations.length === 0 ? html`<div class="uk-text-center"><span class="uk-label uk-margin-bottom">No observations loaded</span></div>` : ''}
         <div class="accordion-body">
           <div class="accordion uk-margin-small-left uk-margin-small-right">
             ${map(this.contentData.observations, (dataset, index) => html`