style: update mat-card components (#259)

* Update mat-card components * Update src/modules/edc-demo/components/introduction/introduction.component.html Co-authored-by: Tim Dahlmanns <[email protected]> * Update src/modules/edc-demo/components/introduction/introduction.component.html Co-authored-by: Tim Dahlmanns <[email protected]> * Remove right padding * Update src/modules/edc-demo/components/introduction/introduction.component.scss Co-authored-by: Tim Dahlmanns <[email protected]> --------- Co-authored-by: Tim Dahlmanns <[email protected]>
eclipse-edc · Dec 19, 2024 · 94afc64 · 94afc64
1 parent 9128fa6
commit 94afc64
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git 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>
-    <h1>Eclipse Dataspace Connector</h1>
-    <div>
+      <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.
@@ -26,12 +28,14 @@ <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>
+      <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.
           This application is not intended for production usage and can be used to showcase EDC from a technical perspective, as the UI
@@ -58,6 +62,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
@@ -4,8 +4,8 @@
 }
 
 h1 {
-    margin-top: 20px;
-    margin-bottom: 10px;
+    margin-top: 10px;
+    margin-bottom: 0px;
 }
 
 .link {
@@ -14,11 +14,10 @@ h1 {
 
 .description {
     text-align: justify;
-    padding-left: 20px;
-    padding-right: 20px;
 }
 
 mat-card {
+    font-family: 'Open Sans';
     margin-bottom: 20px;
 }