From 772fc52cf615d13eb35e1bbc3636caf4c5b9f426 Mon Sep 17 00:00:00 2001
From: Jan Szumotalski <jszumotalski@gmail.com>
Date: Wed, 11 Jun 2025 11:50:10 +0200
Subject: [PATCH] fix: Made news hide icon red when hidden.

---
 .../news-edit/news-edit.component.html        | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/app/admin-view/news-edit/news-edit.component.html b/src/app/admin-view/news-edit/news-edit.component.html
index a4c22f3..ddda9c1 100644
--- a/src/app/admin-view/news-edit/news-edit.component.html
+++ b/src/app/admin-view/news-edit/news-edit.component.html
@@ -9,25 +9,24 @@
       @if (item.pinned) {
         <mat-icon>push_pin</mat-icon>
       }
-      <mat-card-subtitle>{{item._id}}</mat-card-subtitle>
+      <!-- <mat-card-subtitle>{{item._id}}</mat-card-subtitle> -->
     </mat-card-header>
-    <mat-card-content [innerHTML]="item.formatted">
-    </mat-card-content>
+    <mat-card-content [innerHTML]="item.formatted"></mat-card-content>
     <mat-card-actions>
       <button mat-mini-fab (click)="editPost(item)"><mat-icon>edit</mat-icon></button>
       <button mat-mini-fab (click)="pinToggle(item)"><mat-icon>push_pin</mat-icon></button>
-      <button mat-mini-fab (click)="visibleToggle(item)">
-        <div>
-          @switch (item.visible) {
-            @case (true) {
+      @switch (item.visible) {
+        @case (true) {
+            <button mat-mini-fab (click)="visibleToggle(item)">
               <mat-icon>visibility</mat-icon>
-            }
-            @default {
-              <mat-icon>visibility_off</mat-icon>
-            }
+            </button>
           }
-        </div>
-      </button>
+          @default {
+            <button mat-mini-fab (click)="visibleToggle(item)" color="warn">
+              <mat-icon>visibility_off</mat-icon>
+            </button>
+          }
+        }
       <button mat-mini-fab (click)="delete(item._id)"><mat-icon>delete_forever</mat-icon></button>
     </mat-card-actions>
     <mat-card-footer>
@@ -41,4 +40,4 @@
       Brak wiadomości.
     </p>
   </mat-card>
-}
\ No newline at end of file
+}