From aa216d33aacbc9bc0f067673ea862b19b8ecc8a4 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 18 Jun 2023 20:53:04 +0200
Subject: [PATCH] Add icon for external links

---
 apps/client/src/app/app.component.html | 28 +++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/app/app.component.html b/apps/client/src/app/app.component.html
index fa135f2fa..b054e8d8c 100644
--- a/apps/client/src/app/app.component.html
+++ b/apps/client/src/app/app.component.html
@@ -101,9 +101,13 @@
             >
           </li>
           <li *ngIf="hasPermissionForSubscription">
-            <a href="https://status.ghostfol.io" title="Ghostfolio Status"
-              >Status</a
-            >
+            <a
+              class="align-items-baseline d-flex"
+              href="https://status.ghostfol.io"
+              target="_blank"
+              title="Ghostfolio Status"
+              >Status<ion-icon class="ml-1" name="open-outline"></ion-icon
+            ></a>
           </li>
         </ul>
       </div>
@@ -112,24 +116,30 @@
         <ul class="list-unstyled">
           <li>
             <a
+              class="align-items-baseline d-flex"
               href="https://github.com/ghostfolio/ghostfolio"
+              target="_blank"
               title="Find Ghostfolio on GitHub"
-              >GitHub</a
-            >
+              >GitHub<ion-icon class="ml-1" name="open-outline"></ion-icon
+            ></a>
           </li>
           <li>
             <a
+              class="align-items-baseline d-flex"
               href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+              target="_blank"
               title="Join the Ghostfolio Slack community"
-              >Slack</a
-            >
+              >Slack<ion-icon class="ml-1" name="open-outline"></ion-icon
+            ></a>
           </li>
           <li>
             <a
+              class="align-items-baseline d-flex"
               href="https://twitter.com/ghostfolio_"
+              target="_blank"
               title="Follow Ghostfolio on Twitter"
-              >Twitter</a
-            >
+              >Twitter<ion-icon class="ml-1" name="open-outline"></ion-icon
+            ></a>
           </li>
           <li>&nbsp;</li>
           <li>