[ENG-9235] Logo on preprint, registries, collections, and institutions landing/discovery page is too small

src/app/features/collections/components/collections-discover/collections-discover.component.html

@@ -5,8 +5,14 @@
     >
       <div class="flex gap-3">
         @let provider = collectionProvider();
-        @if (provider && provider.brand) {
-          <img class="collections-logo" alt="Collections Logo" height="64" [src]="provider.brand.heroLogoImageUrl" />
+
+        @if (provider && provider.assets) {
+          <img
+            class="collections-logo"
+            alt="Collections Logo"
+            height="80"
+            [src]="provider.assets.squareColorNoTransparent"
+          />
         }
 
         <h1 class="collections-heading flex align-items-center">{{ collectionProvider()?.name }}</h1>

src/app/features/institutions/pages/institutions-list/institutions-list.component.html

@@ -18,7 +18,7 @@
         @for (institution of institutions(); track $index) {
           <a class="dark-blue-link" [routerLink]="[institution.id]">
             <div class="border-1 border-round-xl grey-border-color px-5 py-4 flex align-items-center gap-4">
-              <img class="fit-contain" [ngSrc]="institution.assets.logo" [alt]="'Logo'" width="60" height="60" />
+              <img class="fit-contain" [ngSrc]="institution.assets.logo" [alt]="'Logo'" width="80" height="80" />
 
               <h2>{{ institution.name }}</h2>
             </div>

src/app/features/institutions/pages/institutions-search/institutions-search.component.html

@@ -9,8 +9,8 @@
         <img
           [ngSrc]="institution().assets.logo"
           [alt]="institution().name"
-          width="60"
-          height="60"
+          width="80"
+          height="80"
           class="fit-contain"
         />
 

src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html

@@ -5,7 +5,11 @@
         <p-skeleton width="3rem" height="1.5rem" />
         <p-skeleton width="12rem" height="1.5rem" />
       } @else {
-        <img alt="Provider Logo" height="40" [src]="preprintProvider()!.brand.heroLogoImageUrl" />
+        <img
+          height="80"
+          [src]="preprintProvider()!.brand.heroLogoImageUrl"
+          [alt]="'preprints.selectService.providerLogoImageAlt' | translate"
+        />
         <h1 class="preprint-provider-name">{{ preprintProvider()!.name }}</h1>
       }
     </div>

src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html

@@ -5,7 +5,7 @@
         <p-skeleton width="3rem" height="1.5rem" />
         <p-skeleton width="12rem" height="1.5rem" />
       } @else {
-        <img alt="Provider Logo" height="40" [src]="provider()!.brand?.heroLogoImageUrl" />
+        <img alt="Provider Logo" height="80" [src]="provider()!.brand?.heroLogoImageUrl" />
       }
     </div>