From 235d289637ab2c6a523d6cb3061973becc10109c Mon Sep 17 00:00:00 2001
From: mkz212 <82271669+mkz212@users.noreply.github.com>
Date: Mon, 13 Nov 2023 16:56:21 +0100
Subject: [PATCH] Update plugin-card.component.html

---
 .../plugins/plugin-card/plugin-card.component.html     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html b/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html
index 435472223..fa247fa2e 100644
--- a/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html
+++ b/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html
@@ -77,7 +77,12 @@ <h4 class="card-title mb-0">
 
       <span ngbDropdown placement="bottom-right top-right" class="d-inline-block ml-3">
         <a class="card-link" href="javascript:void(0)" aria-label="Plugin actions drop down menu" ngbDropdownToggle>
-            <i class="fas fa-fw fa-ellipsis-v" [ngClass]="{'grey-text': !plugin.updateAvailable && !plugin.betaUpdateAvailable, 'primary-text': plugin.updateAvailable || plugin.betaUpdateAvailable }"></i>
+            <i class="fas fa-fw fa-ellipsis-v" class="grey-text">
+              <span *ngIf="plugin.updateAvailable || plugin.betaUpdateAvailable" 
+                class="position-absolute p-1 bg-danger rounded-circle" 
+                style="right:-2px; top:-2px;">
+              </span>
+            </i>
         </a>
         <div ngbDropdownMenu aria-labelledby="Plugin actions drop down menu">
           <ng-container *ngIf="hasChildBridges && !plugin.disabled">
@@ -91,8 +96,9 @@ <h4 class="card-title mb-0">
           </ng-container>
           <button ngbDropdownItem *ngIf="plugin.updateAvailable || plugin.betaUpdateAvailable"
             (click)="$plugin.updatePlugin(plugin, plugin.betaUpdateAvailable ? 'beta' : 'latest')">
-            <i class="fas fa-fw fa-arrow-alt-circle-up primary-text"></i>
+            <i class="fas fa-fw fa-arrow-alt-circle-up"></i>
             {{ 'plugins.button_update' | translate }} (v{{ plugin.latestVersion }})
+            <span class="position-absolute p-1 bg-danger rounded-circle" style="left:10px; top:20px;"></span>
           </button>
           <button ngbDropdownItem *ngIf="plugin.publicPackage" (click)="$plugin.installPreviousVersion(plugin)">
             <i class="fas fa-fw fa-fw fa-history"></i>