From d5f05fb97e98f1b27e15b76aa1f088ff00a1736a Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sat, 10 May 2025 15:36:18 +0200
Subject: [PATCH] feat: adjust styling for inbox icon

---
 src/app/features/tag/tag/tag.component.html | 12 +++++++-----
 src/app/features/tag/tag/tag.component.scss |  2 +-
 src/app/features/tag/tag/tag.component.ts   |  2 ++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/features/tag/tag/tag.component.html b/src/app/features/tag/tag/tag.component.html
index ba3fc3cb0f..68a869a95a 100644
--- a/src/app/features/tag/tag/tag.component.html
+++ b/src/app/features/tag/tag/tag.component.html
@@ -1,8 +1,10 @@
-<mat-icon
-  [style.background]="color()"
-  class="tag-ico"
-  >{{ tag().icon }}</mat-icon
->
+@if (!isInboxTag()) {
+  <mat-icon
+    [style.background]="color()"
+    class="tag-ico"
+    >{{ tag().icon }}
+  </mat-icon>
+}
 @if (!isHideTitle()) {
   <span class="tag-title">{{ tag().title }}</span>
 }
diff --git a/src/app/features/tag/tag/tag.component.scss b/src/app/features/tag/tag/tag.component.scss
index 7514611ca9..52ef69db12 100644
--- a/src/app/features/tag/tag/tag.component.scss
+++ b/src/app/features/tag/tag/tag.component.scss
@@ -30,7 +30,7 @@ $pad: ($ico-size - $line-height + $ico-pad * 2) * 0.5;
 .tag-title {
   display: block;
   font-size: 12px;
-  line-height: $line-height;
+  line-height: 1;
   padding: $pad 0;
 
   @include darkTheme() {
diff --git a/src/app/features/tag/tag/tag.component.ts b/src/app/features/tag/tag/tag.component.ts
index ca683d1886..91cf62c680 100644
--- a/src/app/features/tag/tag/tag.component.ts
+++ b/src/app/features/tag/tag/tag.component.ts
@@ -6,6 +6,7 @@ import {
   Signal,
 } from '@angular/core';
 import { MatIcon } from '@angular/material/icon';
+import { INBOX_TAG } from '../tag.const';
 
 export interface TagComponentTag {
   title: string;
@@ -28,6 +29,7 @@ export interface TagComponentTag {
 export class TagComponent {
   tag = input.required<TagComponentTag>();
   isHideTitle = input(false);
+  isInboxTag = computed(() => (this.tag() as any).id === INBOX_TAG.id);
 
   // @HostBinding('style.background')
   color: Signal<string | undefined> = computed(() => {