Merge pull request #487 from GSA/486

align languages in help wanted card and only display impact and other…
GSA · Mar 6, 2018 · 3a3ca11 · 3a3ca11
2 parents abc948c + 4850f1a
commit 3a3ca11
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/app/components/help-wanted/card/help-wanted-card.styles.scss b/src/app/components/help-wanted/card/help-wanted-card.styles.scss
@@ -34,7 +34,7 @@
 
   dl {
     margin-bottom: 0.25rem;
-    padding: 0.75rem 0.75rem;
+    padding: 0.75rem 0rem;
 
     > div {
       display: inline-block;

diff --git a/src/app/components/help-wanted/card/help-wanted-card.template.html b/src/app/components/help-wanted/card/help-wanted-card.template.html
@@ -3,26 +3,26 @@ <h3><a external-link [href]="item.projectURL">{{ item.title }}</a></h3>
   <small>Last updated {{ item.updated | date: "MMM d 'at' h':'mm a"}}</small>
   <p class="help-wanted-card-description">{{ item.description | truncate : 250}}</p>
   <dl *ngIf="!mobile">
-    <div>
+    <div *ngIf="item.languages">
       <dt>Language:</dt>
       <dd>{{ item.languages.join(', ') }}</dd>
     </div>
 
-    <div>
+    <div *ngIf="item.skill">
       <dt>Skill Level:</dt>
       <dd>{{ item.skill | capitalize }}</dd>
     </div>
 
-    <div>
+    <div *ngIf="item.effort">
       <dt>Effort:</dt>
       <dd>{{ item.effort }}</dd>
     </div>
-    
-    <div>
+
+    <div *ngIf="item.impact">
       <dt>Impact:</dt>
       <dd>{{ item.impact | capitalize }}</dd>
     </div>
-    
+
   </dl>
   <div class="help-wanted-card-actions">
     <a external-link [href]="item.projectURL" *ngIf="item.projectURL"><button class="usa-button button--tertiary">Project Details</button></a>