Fix toast close icon

2 files changed, 14 insertions, 1 deletions

diff --git a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
index fac81bd26..9f942c4b3 100644
--- a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
+++ b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
@@ -41,7 +41,7 @@
           <my-global-icon iconName="home"></my-global-icon>
         </a>
 
-        <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Go to the plugin homepage">
+        <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Go to the plugin npm package">
           <my-global-icon iconName="npm"></my-global-icon>
         </a>
 
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index e2c453228..fbba2ad5c 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -413,6 +413,19 @@ p-toast {
     z-index: z(notification) !important;
   }
 
+  .ui-toast-close-icon {
+    font-family: "Glyphicons Halflings";
+
+    opacity: .5;
+    &:hover {
+      opacity: .8;
+    }
+
+    &:after {
+      content: "\e014";
+    }
+  }
+
   .ui-toast-message {
     font-family: $main-fonts;
     background-color: var(--mainBackgroundColor) !important;