From ba31670db7512f8dff9d25dc3079345bb7d0e4d8 Mon Sep 17 00:00:00 2001
From: Art Lowel <art.lowel@gmail.com>
Date: Thu, 25 Jan 2024 14:18:48 +0100
Subject: [PATCH] style tweaks

---
 .../overview/table/process-overview-table.component.html   | 7 ++++---
 .../overview/table/process-overview-table.component.scss   | 3 +++
 .../overview/table/process-overview-table.component.ts     | 1 +
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/process-page/overview/table/process-overview-table.component.html b/src/app/process-page/overview/table/process-overview-table.component.html
index cedfa68416..8a3bd55dab 100644
--- a/src/app/process-page/overview/table/process-overview-table.component.html
+++ b/src/app/process-page/overview/table/process-overview-table.component.html
@@ -1,6 +1,7 @@
-<div class="container">
-  <div class="d-flex dropdown-toggle" (click)="collapse.toggle()" [attr.aria-expanded]="!collapse.collapsed" role="button">
-    <h2 class="flex-grow-1">{{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}}</h2>
+<div class="container mb-4">
+  <div class="d-flex" (click)="collapse.toggle()" [attr.aria-expanded]="!collapse.collapsed" role="button">
+    <h2 class="flex-grow-1">{{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}}<span class="ml-2 toggle-icon"
+    ><i class="fas" [ngClass]="collapse.collapsed ? 'fa-angle-right' : 'fa-angle-down'"></i></span></h2>
   </div>
 
   <div ngbCollapse #collapse="ngbCollapse">
diff --git a/src/app/process-page/overview/table/process-overview-table.component.scss b/src/app/process-page/overview/table/process-overview-table.component.scss
index e69de29bb2..6d92c1df6d 100644
--- a/src/app/process-page/overview/table/process-overview-table.component.scss
+++ b/src/app/process-page/overview/table/process-overview-table.component.scss
@@ -0,0 +1,3 @@
+.toggle-icon {
+  font-size: calc(var(--bs-small-font-size) * 0.6);
+}
diff --git a/src/app/process-page/overview/table/process-overview-table.component.ts b/src/app/process-page/overview/table/process-overview-table.component.ts
index 459a475ed2..193e7f3bcc 100644
--- a/src/app/process-page/overview/table/process-overview-table.component.ts
+++ b/src/app/process-page/overview/table/process-overview-table.component.ts
@@ -30,6 +30,7 @@ export interface ProcessOverviewTableEntry {
 
 @Component({
   selector: 'ds-process-overview-table',
+  styleUrls: ['./process-overview-table.component.scss'],
   templateUrl: './process-overview-table.component.html'
 })
 export class ProcessOverviewTableComponent implements OnInit {