fix(agora): nominated targets layout bug (AG-1652) (#3017)

apps/agora/app/src/_app-theme.scss

@@ -1,25 +1,7 @@
 @use 'sass:map';
-@use '@angular/material' as mat;
 @use 'libs/agora/themes/src/fonts' as fonts;
 @use 'libs/agora/themes/src/palettes' as palettes;
 @use 'libs/agora/themes/src/index' as agora;
-@include mat.typography-hierarchy(fonts.$lato);
-@include mat.elevation-classes;
-@include mat.app-background;
-
-$primary: mat.m2-define-palette(palettes.$dark-blue-palette, 600);
-$accent: mat.m2-define-palette(palettes.$accent-purple-palette, 400);
-$theme: mat.m2-define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-    ),
-    typography: fonts.$lato,
-    density: 0,
-    is-dark: false,
-  )
-);
 
 // Add custom palettes used in figma to the theme
 $theme: map.deep-merge(
@@ -31,13 +13,6 @@ $theme: map.deep-merge(
   )
 );
 
-// Emit theme-dependent styles for common features used across multiple components.
-@include mat.elevation-classes;
-@include mat.app-background;
-
-// Emit styles for MatButton based on `$theme`.
-@include mat.button-theme($theme);
-
 // Include the theme mixins for other components you use here.
 @include agora.theme($theme);
 

apps/agora/app/src/app/app.config.ts

@@ -7,7 +7,7 @@ import {
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { providePrimeNG } from 'primeng/config';
-import Lara from '@primeng/themes/lara';
+import { MyPreset } from './myPrimeNGPreset';
 import { BASE_PATH as API_CLIENT_BASE_PATH } from '@sagebionetworks/agora/api-client-angular';
 import { BASE_PATH as SYNAPSE_API_CLIENT_BASE_PATH } from '@sagebionetworks/synapse/api-client-angular';
 import { configFactory, ConfigService } from '@sagebionetworks/agora/config';
@@ -53,7 +53,7 @@ export const appConfig: ApplicationConfig = {
     provideAnimationsAsync(),
     providePrimeNG({
       theme: {
-        preset: Lara,
+        preset: MyPreset,
         options: {
           darkModeSelector: false,
         },