From ed31fefc3734bb133346b76a7c0d1d6547b8232a Mon Sep 17 00:00:00 2001
From: Ben <43026681+bwp91@users.noreply.github.com>
Date: Wed, 8 Nov 2023 06:18:25 +0000
Subject: [PATCH] try some changes

---
 .../plugin-card/plugin-card.component.html    | 12 +++++-----
 .../homebridge-status-widget.component.html   | 23 +++++++++----------
 ui/src/i18n/en.json                           |  4 ++--
 3 files changed, 19 insertions(+), 20 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 5d16571d3..8486df792 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
@@ -98,7 +98,7 @@ <h4 class="card-title mb-0">
         <a href="javascript:void(0)" class="card-link grey-text" aria-label="Plugin actions drop down menu"
            ngbDropdownToggle>
           <span class="card-link">
-            <i class="fas fa-wrench"></i>
+            <i class="fas fa-ellipsis-v pl-1"></i>
           </span>
         </a>
         <div ngbDropdownMenu aria-labelledby="Plugin actions drop down menu">
@@ -136,13 +136,13 @@ <h4 class="card-title mb-0">
                   (click)="$plugin.uninstallPlugin(plugin)">
             <i class="fas fa-fw fa-trash"></i> {{ 'plugins.button_uninstall' | translate }}
           </button>
+          <div class="dropdown-divider"></div>
+          <a ngbDropdownItem target="_blank" rel="noopener noreferrer" class="text-decoration-none"
+            *ngIf="plugin.links.homepage || plugin.links.npm" [href]="plugin.links.homepage || plugin.links.npm">
+            <i class="{{ plugin.links?.homepage?.includes('github.com') ? 'fa fa-lg fa-github' : 'fas fa-external-link-alt' }}"></i> Plugin Homepage
+          </a>
         </div>
       </span>
-      <a class="card-link grey-text ml-3" target="_blank" rel="noopener noreferrer" aria-label="Plugin homepage"
-         *ngIf="plugin.links.homepage || plugin.links.npm" [href]="plugin.links.homepage || plugin.links.npm"
-         [ngbTooltip]="plugin.links.homepage || plugin.links.npm" placement="left" container="body" openDelay="150">
-        <i class="fas fa-external-link-alt"></i>
-      </a>
     </div>
   </div>
 </div>
diff --git a/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html b/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html
index 8dc1ee7f0..46b532a1f 100644
--- a/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html
+++ b/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html
@@ -54,20 +54,20 @@
           <br>
           <span class="grey-text">
             <span *ngIf="homebridgePkg.installedVersion && !homebridgePkg.updateAvailable && !homebridgePkg.betaUpdateAvailable"
-            [translate]="'status.homebridge.label_up_to_date'">
-            Up To Date
+              [translate]="'status.homebridge.label_up_to_date'">
+              Up To Date
             </span>
             <a href="javascript:void(0)" (click)="$plugin.upgradeHomebridge(homebridgePkg)" class="primary-text"
-            *ngIf="homebridgePkg.installedVersion && homebridgePkg.updateAvailable && !homebridgePkg.betaUpdateAvailable"
-            [translate]="'status.homebridge.label_update_available'" [translateParams]="homebridgePkg"
-            ngbTooltip="{{'plugins.button_upgrade' | translate}} Homebridge">
-            Update Available
+              *ngIf="homebridgePkg.installedVersion && homebridgePkg.updateAvailable && !homebridgePkg.betaUpdateAvailable"
+              [translate]="'status.homebridge.label_update_available'" [translateParams]="homebridgePkg"
+              ngbTooltip="{{'plugins.button_upgrade' | translate}} Homebridge">
+              Update Available
             </a>
             <a href="javascript:void(0)" (click)="$plugin.upgradeHomebridge(homebridgePkg, 'beta')" class="primary-text"
-             *ngIf="homebridgePkg.installedVersion && !homebridgePkg.updateAvailable && homebridgePkg.betaUpdateAvailable"
-             [translate]="'status.homebridge.label_update_available'" [translateParams]="homebridgePkg"
-             ngbTooltip="{{'plugins.button_upgrade' | translate}} Homebridge">
-             Update Available
+              *ngIf="homebridgePkg.installedVersion && !homebridgePkg.updateAvailable && homebridgePkg.betaUpdateAvailable"
+              [translate]="'status.homebridge.label_update_available'" [translateParams]="homebridgePkg"
+              ngbTooltip="{{'plugins.button_upgrade' | translate}} Homebridge">
+              Update Available
             </a>
           </span>
         </div>
@@ -77,7 +77,7 @@
     <div class="hb-status-item d-flex flex-row mr-4 pr-4">
       <div class="d-flex">
         <div class="mb-0 px-3 py-2 hb-status-icon">
-          <i class="fas fa-exclamation-circle primary-text" *ngIf="homebridgePluginStatus.length"></i>
+          <i class="fas fa-cloud-upload-alt primary-text" *ngIf="homebridgePluginStatus.length"></i>
           <i class="fas fa-check-circle primary-text" *ngIf="!homebridgePluginStatus.length"></i>
         </div>
         <div class="align-self-center">
@@ -94,6 +94,5 @@
         </div>
       </div>
     </div>
-
   </div>
 </div>
diff --git a/ui/src/i18n/en.json b/ui/src/i18n/en.json
index b258d3018..99882db59 100644
--- a/ui/src/i18n/en.json
+++ b/ui/src/i18n/en.json
@@ -296,8 +296,8 @@
     "status.network.label_received_per_second": "Received",
     "status.network.label_sent_per_second": "Sent",
     "status.network.title_network": "Network Activity",
-    "status.plugin_out_of_date": "Plugin Out of Date",
-    "status.plugins_out_of_date": "Plugins Out of Date",
+    "status.plugin_out_of_date": "Update Available",
+    "status.plugins_out_of_date": "Updates Available",
     "status.services.label_not_running": "Not running",
     "status.services.label_running": "Running",
     "status.services.label_running_on_port": "Port: {{port}}",