Update the dividers conditional placement

open-learning-exchange · Jan 6, 2025 · 1a14076 · 1a14076
1 parent 6648050
commit 1a14076
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/app/users/users-achievements/users-achievements.component.html b/src/app/users/users-achievements/users-achievements.component.html
@@ -31,19 +31,19 @@ <h2>{{user.firstName}} {{user.middleName}} {{user.lastName}}</h2>
           <span *ngIf="user.birthplace" i18n>Birthplace: {{' ' + user.birthplace}} </span>
         </div>
       </div>
-      <mat-divider *ngIf="achievements.purpose"></mat-divider>
       <div *ngIf="achievements.purpose">
+        <mat-divider></mat-divider>
         <h3 i18n>My Purpose</h3>
         <td-markdown [content]="achievements.purpose"></td-markdown>
       </div>
-      <mat-divider *ngIf="achievements.goals"></mat-divider>
       <div *ngIf="achievements.goals">
+        <mat-divider></mat-divider>
         <h3 i18n>My Goals</h3>
         <td-markdown [content]="achievements.goals"></td-markdown>
       </div>
-      <mat-divider *ngIf="certifications.length > 0"></mat-divider>
       <ng-container *planetBeta>
         <div *ngIf="certifications.length > 0">
+          <mat-divider></mat-divider>
           <h3 i18n>My Certifications</h3>
           <mat-list class="certs-list">
             <mat-list-item *ngFor="let certification of certifications">
@@ -52,8 +52,8 @@ <h3 i18n>My Certifications</h3>
           </mat-list>
         </div>
       </ng-container>
-      <mat-divider *ngIf="achievements?.links?.length > 0"></mat-divider>
       <div *ngIf="achievements?.links?.length > 0">
+        <mat-divider></mat-divider>
         <h3 i18n>My Links</h3>
         <mat-list>
           <mat-list-item class="mat-list-item-word-wrap" *ngFor="let link of achievements.links">
@@ -62,8 +62,8 @@ <h4 class="link-title" mat-line>{{link.title}}:</h4>
           </mat-list-item>
         </mat-list>
       </div>
-      <mat-divider *ngIf="achievements.achievementsHeader || achievements.achievements.length > 0"></mat-divider>
       <div *ngIf="achievements.achievementsHeader || achievements.achievements.length > 0">
+        <mat-divider></mat-divider>
         <h3 i18n>My Achievements</h3>
         <td-markdown [content]="achievements.achievementsHeader"></td-markdown>
         <mat-list>
@@ -85,8 +85,8 @@ <h3 i18n>My Achievements</h3>
           </mat-list-item>
         </mat-list>
       </div>
-      <mat-divider *ngIf="achievements.references.length > 0"></mat-divider>
       <div *ngIf="achievements.references.length > 0">
+        <mat-divider></mat-divider>
         <h3 i18n>My References</h3>
         <mat-list class="references-list">
           <mat-list-item class="mat-list-item-word-wrap" *ngFor="let reference of achievements.references">