Minor UI fixes

src/app/components/entity-detail/detail-entity/detail-entity.component.html

@@ -2,7 +2,7 @@
   @if (physicalEntity(); as physicalEntity) {
     <mat-expansion-panel expanded>
       <mat-expansion-panel-header>
-        <mat-panel-title> {{ 'Physical object' | translate }}</mat-panel-title>
+        <mat-panel-title> {{ 'Original object' | translate }}</mat-panel-title>
       </mat-expansion-panel-header>
       <h2 class="title">{{ physicalEntity.title }}</h2>
       <p>{{ physicalEntity.description }}</p>

src/app/components/entity-detail/detail-entity/detail-entity.component.scss

@@ -32,7 +32,6 @@ p {
 .mat-expansion-panel-header-title {
   font-size: 1rem;
   color: mat.m2-get-color-from-palette(theme.$kompakkt-primary, 500);
-  line-height: 1rem;
   flex-grow: 2;
 }
 

src/app/components/entity-detail/detail-institution/detail-institution.component.html

@@ -1,12 +1,12 @@
 @if (institution$ | async; as institution) {
   @if (roles$ | async; as roles) {
     <div>
-      <p class="capitalize">
+      <p class="capitalize format-title-agents">
         @for (role of roles; track role; let last = $last) {
           {{ role }}<span>{{ last ? ': ' : ', ' }}</span>
         }
       </p>
-      <p class="blue-underline-text">{{ institution.name }}</p>
+      <p>{{ institution.name }}</p>
       @if (address$ | async; as address) {
         <div class="address">
           @if (address.street || address.number) {

src/app/components/entity-detail/detail-person/detail-person.component.html

@@ -1,7 +1,7 @@
 @if (person(); as person) {
   <div>
     @if (roles(); as roles) {
-      <p class="capitalize">
+      <p class="capitalize format-title-agents">
         @for (role of roles; track role; let last = $last) {
           {{ role }}{{ last ? ':' : ',' }}
         }

src/app/dialogs/add-to-compilation/add-to-compilation.component.ts

@@ -76,7 +76,12 @@ export class AddToCompilationComponent {
       this.#selectedCompilations$,
     ]).pipe(
       map(([compilations, newCompilation, selectedCompilations]) => {
-        const result = newCompilation ? [...compilations, newCompilation] : compilations;
+        const result = newCompilation
+          ? [
+              ...compilations.filter(compilation => compilation._id !== newCompilation._id),
+              newCompilation,
+            ]
+          : compilations;
         return result.map(compilation => ({
           ...compilation,
           isSelected: selectedCompilations.has(compilation._id),

src/app/pages/profile-page/compilations/compilations.component.html

@@ -147,7 +147,7 @@
         </div>
       } @else {
         @if (compilations.empty) {
-          <p>
+          <p class="center-page-text">
             {{ 'You do not have any collections' | translate }}
           </p>
         } @else {

src/app/pages/profile-page/entities/entities.component.html

@@ -7,7 +7,7 @@
   >
     @if (filteredEntities$ | async; as filteredEntities) {
       @if (filteredEntities.length === 0) {
-        <div>
+        <div class="center-page-text">
           <h3>{{ 'No matches' | translate }}</h3>
         </div>
       }

src/styles.scss

@@ -1006,3 +1006,11 @@ div.option-count-badge {
     color: black !important;
   }
 }
+
+.center-page-text {
+  text-align: center;
+}
+
+.format-title-agents {
+  text-decoration: underline;
+}