Add underlines for h2 in datapage

src/app/components/data-page/data-page.component.html

@@ -14,8 +14,8 @@
   </h1>
   <ng-container *ngFor="let object of propertiesInfo">
     <mat-card class="inline-card" *ngIf="object.type === 'Group'">
-      <mat-card-title
+      <mat-card-title class="card-header">
-        >{{ object.title }}
+        <h2>{{ object.title }}</h2>
         <button
           mat-button
           *ngIf="data.isLockedByMe && object.possibleObjects"
@@ -47,7 +47,7 @@
 
     <mat-card class="inline-card" *ngIf="object.type === 'ReferenceTable'">
       <mat-card-title
-        >{{ object.title }}
+        ><h2>{{ object.title }}</h2>
         <a
           mat-button
           *ngIf="object.linkToTable"

src/app/components/data-page/data-page.component.scss

@@ -36,4 +36,4 @@
   .mat-icon {
     margin-left: 8px;
   }
-}
+}

src/styles.scss

@@ -17,6 +17,19 @@ h1:before {
     bottom: 0;
     border-bottom: 3px solid #7fc600;
 }
+h2 {
+    display: block;
+    padding-bottom: 0;
+    position: relative;
+}
+h2:before {
+    content: "";
+    position: absolute;
+    width: 5rem;
+    height: 1px;
+    bottom: 0;
+    border-bottom: 2px solid #7fc600;
+}
 
 .mat-list-item-content {
     width: 100%;