rearrange card layout

Sage-Bionetworks · Oct 26, 2023 · db0c521 · db0c521
1 parent b06605d
commit db0c521
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 13 deletions.
diff --git a/libs/openchallenges/ui/src/lib/challenge-card/challenge-card.component.html b/libs/openchallenges/ui/src/lib/challenge-card/challenge-card.component.html
@@ -27,12 +27,13 @@
       <p class="mat-caption">{{ desc }}</p>
     </div>
     <div class="card-footer">
-      <mat-icon aria-hidden="true" class="card-icon">auto_awesome</mat-icon>
+      <mat-icon aria-hidden="true" class="card-icon">emoji_events</mat-icon>
       <div class="difficulty-tag mat-small">
         {{ incentives }}
       </div>
-      <div class="status-tag mat-small" [ngClass]="statusClass">
-        {{ status }}
+      <div class="platform-tag mat-small">
+        <mat-icon aria-hidden="true" class="card-icon">location_on</mat-icon>
+        {{ platform.name }}
       </div>
     </div>
   </div>

diff --git a/libs/openchallenges/ui/src/lib/challenge-card/challenge-card.component.scss b/libs/openchallenges/ui/src/lib/challenge-card/challenge-card.component.scss
@@ -35,17 +35,10 @@
   flex: 1;
   @include general.line-clamp(2);
 }
-.status-tag {
+.platform-tag {
   max-width: 110px;
-  margin-left: 6px;
-  padding: 4px 0;
+  padding-right: 8px;
   display: flex;
-  flex-direction: column;
-  flex-basis: 100%;
-  box-sizing: border-box;
   align-items: center;
-  justify-content: center;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: constants.$dl-radius-radius-radius16;
+  justify-content: flex-start;
 }