Improve empty style

dodona-edu · Feb 23, 2024 · dc2a7e4 · dc2a7e4
1 parent b8b5d9f
commit dc2a7e4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/app/assets/javascripts/components/labels_search_bar.ts b/app/assets/javascripts/components/labels_search_bar.ts
@@ -32,13 +32,15 @@ export class LabelTokens extends DodonaElement {
         }
 
         return html`
-            ${ this.labels.map( label => html`
-                    <span class="labels">
+            ${ this.labels.length > 0 ? html`
+                <div class="labels">
+                    ${ this.labels.map( label => html`
                         <span class="token accent-orange">${label}
                             <a href="#" class="close" tabindex="-1"  @click=${() => this.removeLabel(label)}>×</a>
                         </span>
-                    </span>
-            `)}
+                    `)}
+                </div>
+            ` : html`` }
             <input type="hidden" name="${this.name}" .value="${this.labels.join(",")}">
         `;
     }

diff --git a/app/assets/stylesheets/components/courselabel-edit.css.scss b/app/assets/stylesheets/components/courselabel-edit.css.scss
@@ -1,6 +1,6 @@
 d-labels-search-bar {
-  .labels-searchbar-group {
-    padding-top: 10px;
+  .labels {
+    margin-bottom: 10px;
   }
 
   d-datalist-input {