diff --git a/src/app/components/metadata/categories/categories.component.html b/src/app/components/metadata/categories/categories.component.html index d791af4..09b6480 100644 --- a/src/app/components/metadata/categories/categories.component.html +++ b/src/app/components/metadata/categories/categories.component.html @@ -7,8 +7,11 @@
@for (category of categories(); track category.id) { -
- {{ category.name }} + +
+
{{ category.name }}
+ +
} @if (!categories().length) { diff --git a/src/app/components/metadata/categories/categories.component.scss b/src/app/components/metadata/categories/categories.component.scss index 910b9bc..f6161f0 100644 --- a/src/app/components/metadata/categories/categories.component.scss +++ b/src/app/components/metadata/categories/categories.component.scss @@ -15,5 +15,10 @@ .category-list { padding-top: 1rem; display: grid; - gap: 0.5rem; +} + +.category-item { + display: flex; + gap: 0.5rem; + align-items: center; } diff --git a/src/app/components/metadata/categories/categories.component.ts b/src/app/components/metadata/categories/categories.component.ts index ae44c8b..4b55827 100644 --- a/src/app/components/metadata/categories/categories.component.ts +++ b/src/app/components/metadata/categories/categories.component.ts @@ -1,11 +1,15 @@ import { Component, computed } from '@angular/core'; import { CategoryService } from '../../../services/category.service'; import { MatCardModule } from '@angular/material/card'; +import { MatIconModule } from '@angular/material/icon'; +import { MatButtonModule } from '@angular/material/button'; @Component({ selector: 'app-categories', imports: [ - MatCardModule + MatCardModule, + MatIconModule, + MatButtonModule ], templateUrl: './categories.component.html', styleUrl: './categories.component.scss'