[ENG-9624] Personal website not visible on user profile page

src/app/features/profile/components/profile-information/profile-information.component.html

@@ -21,8 +21,8 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </p>
     </div>
 
-    <div class="flex flex-column gap-4 xl:align-items-end xl:flex-1 min-w-0">
-      <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
+    <div class="flex flex-column gap-4 min-w-0 xl:align-items-end xl:flex-1">
+      <div class="flex flex-column gap-3 w-full md:flex-row xl:gap-4 xl:justify-content-end">
         @if (currentUser()?.social?.orcid) {
           <div class="flex flex-row align-items-center gap-2">
             <img ngSrc="assets/icons/colored/orcid.svg" width="16" height="16" alt="orcid" />
@@ -39,7 +39,7 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </div>
 
       @if (isEmploymentAndEducationVisible()) {
-        <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
+        <div class="flex flex-column gap-3 w-full md:flex-row xl:gap-4 xl:justify-content-end">
           @if (currentUser()?.education?.length) {
             <div class="flex flex-row align-items-center gap-2 flex-1 min-w-0">
               <i class="fas fa-landmark"></i>
@@ -51,7 +51,6 @@ <h3 class="font-bold text-overflow-ellipsis overflow-hidden white-space-nowrap">
 
           @if (currentUser()?.employment?.length) {
             <div class="flex flex-row align-items-center gap-2">
-              <img ngSrc="assets/icons/colored/cos-shield.svg" width="16" height="16" alt="cos-shield" />
               <h3 class="font-bold">
                 {{ currentUser()?.employment?.[0]?.institution }}
               </h3>

src/app/features/profile/helpers/user-socials.helper.ts

@@ -26,7 +26,7 @@ export function mapUserSocials(
       url = social.address + value;
     }
 
-    if (url && social.key !== 'profileWebsites') {
+    if (url) {
       acc.push({
         url,
         icon: `assets/icons/socials/${social.icon}`,

src/app/shared/constants/social-links.const.ts

@@ -79,7 +79,7 @@ export const SOCIAL_LINKS: SocialLinksModel[] = [
     address: '',
     placeholder: 'https://yourwebsite.com',
     key: 'profileWebsites',
-    icon: '',
+    icon: 'globe.svg',
   },
   {
     id: 11,