From e3df29de03dfb386c7ddfd611d26fceca35fd4d4 Mon Sep 17 00:00:00 2001
From: Sameera Damith <sameera.damith@informationcatalyst.com>
Date: Tue, 10 Dec 2024 13:39:14 +0530
Subject: [PATCH 1/5] Update mat-card components

---
 .../introduction/introduction.component.html         | 12 ++++++------
 .../introduction/introduction.component.scss         |  5 ++---
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/modules/edc-demo/components/introduction/introduction.component.html b/src/modules/edc-demo/components/introduction/introduction.component.html
index c44b09d4e..a7757ec6a 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.html
+++ b/src/modules/edc-demo/components/introduction/introduction.component.html
@@ -1,7 +1,7 @@
 <div id="wrapper">
     <mat-card>
-    <h1>Eclipse Dataspace Connector</h1>
-    <div>
+      <mat-card-header><h1>Eclipse Dataspace Connector</h1></mat-card-header>
+    <mat-card-content>
         <p class="description">
             The Eclipse Dataspace Connector provides a framework for sovereign, inter-organizational data exchange.
             It implements the International Data Spaces standard (IDS) as well as relevant protocols associated with GAIA-X.
@@ -26,12 +26,12 @@ <h1>Eclipse Dataspace Connector</h1>
             Onboarding Guide
           </a>
         </p>
-    </div>
+    </mat-card-content>
 </mat-card>
 
 <mat-card>
-    <h1>EDC Data Dashboard (this application)</h1>
-    <div>
+  <mat-card-header><h1>EDC Data Dashboard (this application)</h1></mat-card-header>
+    <mat-card-content>
         <p class="description">
           This EDC Data Dashboard is a developer UI for the EDC Management API.
           This application is not intended for production usage and can be used to showcase EDC from a technical perspective, as the UI
@@ -58,6 +58,6 @@ <h1>EDC Data Dashboard (this application)</h1>
         <li>View and create policies and apply these to assets in your Dataspace using the <a [routerLink]="['/policies']">Policies</a> page</li>
         <li>Publish a new asset into your Dataspace using the <a [routerLink]="['/contract-definitions']">Contract Definitions</a> page</li>
       </ul>
-    </div>
+    </mat-card-content>
 </mat-card>
 </div>
diff --git a/src/modules/edc-demo/components/introduction/introduction.component.scss b/src/modules/edc-demo/components/introduction/introduction.component.scss
index 7e54f9fe1..d16835552 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.scss
+++ b/src/modules/edc-demo/components/introduction/introduction.component.scss
@@ -4,8 +4,8 @@
 }
 
 h1 {
-    margin-top: 20px;
-    margin-bottom: 10px;
+    margin-top: 10px;
+    margin-bottom: 0px;
 }
 
 .link {
@@ -14,7 +14,6 @@ h1 {
 
 .description {
     text-align: justify;
-    padding-left: 20px;
     padding-right: 20px;
 }
 

From e3c1e103ae5a47925999ad55ef7c01c8a01a262c Mon Sep 17 00:00:00 2001
From: s-damith <147052362+s-damith@users.noreply.github.com>
Date: Wed, 18 Dec 2024 22:36:34 +0530
Subject: [PATCH 2/5] Update
 src/modules/edc-demo/components/introduction/introduction.component.html

Co-authored-by: Tim Dahlmanns <13997715+timdah@users.noreply.github.com>
---
 .../components/introduction/introduction.component.html     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/modules/edc-demo/components/introduction/introduction.component.html b/src/modules/edc-demo/components/introduction/introduction.component.html
index a7757ec6a..c8bd97786 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.html
+++ b/src/modules/edc-demo/components/introduction/introduction.component.html
@@ -1,7 +1,9 @@
 <div id="wrapper">
     <mat-card>
-      <mat-card-header><h1>Eclipse Dataspace Connector</h1></mat-card-header>
-    <mat-card-content>
+      <mat-card-header>
+        <mat-card-title>Eclipse Dataspace Connector</mat-card-title>
+      </mat-card-header>
+      <mat-card-content>
         <p class="description">
             The Eclipse Dataspace Connector provides a framework for sovereign, inter-organizational data exchange.
             It implements the International Data Spaces standard (IDS) as well as relevant protocols associated with GAIA-X.

From a5c2636d027a7ec9e744bb9881f04c9b63f13657 Mon Sep 17 00:00:00 2001
From: s-damith <147052362+s-damith@users.noreply.github.com>
Date: Wed, 18 Dec 2024 22:36:44 +0530
Subject: [PATCH 3/5] Update
 src/modules/edc-demo/components/introduction/introduction.component.html

Co-authored-by: Tim Dahlmanns <13997715+timdah@users.noreply.github.com>
---
 .../components/introduction/introduction.component.html       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/edc-demo/components/introduction/introduction.component.html b/src/modules/edc-demo/components/introduction/introduction.component.html
index c8bd97786..1f0dfa1ec 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.html
+++ b/src/modules/edc-demo/components/introduction/introduction.component.html
@@ -32,7 +32,9 @@
 </mat-card>
 
 <mat-card>
-  <mat-card-header><h1>EDC Data Dashboard (this application)</h1></mat-card-header>
+    <mat-card-header>
+      <mat-card-title>EDC Data Dashboard (this application)</mat-card-title>
+    </mat-card-header>
     <mat-card-content>
         <p class="description">
           This EDC Data Dashboard is a developer UI for the EDC Management API.

From d63bee6fb4fac5afe4ae7142bea8ab200ce36f6b Mon Sep 17 00:00:00 2001
From: s-damith <147052362+s-damith@users.noreply.github.com>
Date: Wed, 18 Dec 2024 22:54:47 +0530
Subject: [PATCH 4/5] Remove right padding

---
 .../edc-demo/components/introduction/introduction.component.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/edc-demo/components/introduction/introduction.component.scss b/src/modules/edc-demo/components/introduction/introduction.component.scss
index d16835552..89b62e567 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.scss
+++ b/src/modules/edc-demo/components/introduction/introduction.component.scss
@@ -14,7 +14,6 @@ h1 {
 
 .description {
     text-align: justify;
-    padding-right: 20px;
 }
 
 mat-card {

From 62d3ae297a2311441b1760e6882e0bae3ccf3954 Mon Sep 17 00:00:00 2001
From: s-damith <147052362+s-damith@users.noreply.github.com>
Date: Thu, 19 Dec 2024 16:43:22 +0530
Subject: [PATCH 5/5] Update
 src/modules/edc-demo/components/introduction/introduction.component.scss

Co-authored-by: Tim Dahlmanns <13997715+timdah@users.noreply.github.com>
---
 .../edc-demo/components/introduction/introduction.component.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/edc-demo/components/introduction/introduction.component.scss b/src/modules/edc-demo/components/introduction/introduction.component.scss
index 89b62e567..eeb526589 100644
--- a/src/modules/edc-demo/components/introduction/introduction.component.scss
+++ b/src/modules/edc-demo/components/introduction/introduction.component.scss
@@ -17,6 +17,7 @@ h1 {
 }
 
 mat-card {
+    font-family: 'Open Sans';
     margin-bottom: 20px;
 }