mylife: smoother achievements (fixes #7782) (#7783)

Co-authored-by: Mutugi <[email protected]> Co-authored-by: dogi <[email protected]>
open-learning-exchange · Nov 19, 2024 · ed1bb2d · ed1bb2d
1 parent 3d2f3aa
commit ed1bb2d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.15.53",
+  "version": "0.15.54",
   "myplanet": {
     "latest": "v0.20.99",
     "min": "v0.19.99"

diff --git a/src/app/users/users-achievements/users-achievements.component.html b/src/app/users/users-achievements/users-achievements.component.html
@@ -39,7 +39,7 @@ <h3 i18n>My Goals</h3>
       <ng-container *planetBeta>
         <div *ngIf="certifications.length > 0">
           <h3 i18n>My Certifications</h3>
-          <mat-list>
+          <mat-list class="certs-list">
             <mat-list-item *ngFor="let certification of certifications">
               {{certification.name}}
             </mat-list-item>
@@ -79,7 +79,7 @@ <h3 i18n>My Achievements</h3>
       </div>
       <div *ngIf="achievements.references.length > 0">
         <h3 i18n>My References</h3>
-        <mat-list>
+        <mat-list class="references-list">
           <mat-list-item class="mat-list-item-word-wrap" *ngFor="let reference of achievements.references">
             <h4 mat-line>{{reference.name}}</h4>
             <p mat-line *ngIf="reference?.relationship"><ng-container i18n>Relationship:</ng-container> {{reference.relationship}}</p>

diff --git a/src/app/users/users-achievements/users-achievements.scss b/src/app/users/users-achievements/users-achievements.scss
@@ -5,6 +5,18 @@
   margin: 0 auto;
   text-align: center;
 
+  .references-list {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .certs-list .mat-list-item{
+    display: flex;
+    justify-content: center;
+    text-align: center;
+  }
+
   & mat-list, & ul, & ol {
     text-align: left;
   }
@@ -105,4 +117,4 @@
   .center-text div {
     margin: 0 auto;
   }
-}
+}