From 4850f1a9b09a7f3f754e09d3c3e948de555767a7 Mon Sep 17 00:00:00 2001
From: "Daniel J. Dufour" <daniel.j.dufour@gmail.com>
Date: Tue, 6 Mar 2018 15:03:44 -0500
Subject: [PATCH] align languages in help wanted card and only display impact
 and other info if present

---
 .../help-wanted/card/help-wanted-card.styles.scss    |  2 +-
 .../help-wanted/card/help-wanted-card.template.html  | 12 ++++++------
 2 files changed, 7 insertions(+), 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
index 7866a89d..891a53e2 100644
--- 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
index 4042d921..3d6d1689 100644
--- 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>