From 80af0530c92760ca3fd1653726191512e16eef32 Mon Sep 17 00:00:00 2001
From: Mike Fitzpatrick <mike@fitz.guru>
Date: Wed, 7 Mar 2018 03:15:38 -0500
Subject: [PATCH] no message

---
 src/pages/profile/profile.html | 36 +++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/pages/profile/profile.html b/src/pages/profile/profile.html
index d115f0e..df6fd32 100644
--- a/src/pages/profile/profile.html
+++ b/src/pages/profile/profile.html
@@ -17,7 +17,7 @@
     <ion-grid>
       <ion-row nowrap align-items-center justify-content-between>
         <ion-col col-8>
-          <h2>{{this.profile.details.name}}</h2>
+          <h2 class="display-name">{{this.profile.details.name}}</h2>
         </ion-col>
         <ion-col col-4 class="actions">
           <button ion-button icon-only clear (tap)="openChat($event, this.profile)">
@@ -25,50 +25,54 @@
           </button>
         </ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.about">
+      <ion-row class="about" *ngIf="this.profile.details.about">
         <ion-col col-12>{{this.profile.details.about}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.height">
+      <ion-row class="height" *ngIf="this.profile.details.height">
         <ion-col col-4>Height</ion-col>
         <ion-col col-8>{{this.profile.details.height}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.weight">
+      <ion-row class="weight" *ngIf="this.profile.details.weight">
         <ion-col col-4>Weight</ion-col>
         <ion-col col-8>{{this.profile.details.weight}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.ethnicity">
+      <ion-row class="ethnicity" *ngIf="this.profile.details.ethnicity != 'dns'">
         <ion-col col-4>Ethnicity</ion-col>
         <ion-col col-8>{{this.profile.details.ethnicity}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.body">
+      <ion-row class="body" *ngIf="this.profile.details.body != 'dns'">
         <ion-col col-4>Body Type</ion-col>
         <ion-col col-8>{{this.profile.details.body}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.gender">
+      <ion-row class="gender" *ngIf="this.profile.details.gender">
         <ion-col col-4>Gender</ion-col>
         <ion-col col-8>{{this.profile.details.gender}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.pronouns">
+      <ion-row class="pronouns" *ngIf="this.profile.details.pronouns">
         <ion-col col-4>Pronouns</ion-col>
         <ion-col col-8>{{this.profile.details.pronouns}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.tribe">
+      <ion-row class="tribes" *ngIf="this.profile.details.tribe?.length > 0">
         <ion-col col-4>Tribes</ion-col>
-        <ion-col col-8>{{this.profile.details.tribe}}</ion-col>
+        <ion-col col-8><span *ng>{{this.profile.details.tribe}}</span></ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.position">
+      <ion-row class="position" *ngIf="this.profile.details.position != 'dns'">
         <ion-col col-4>Position</ion-col>
         <ion-col col-8>{{this.profile.details.position}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.looking">
-        <ion-col col-4>I'm Looking For</ion-col>
-        <ion-col col-8>{{this.profile.details.looking}}</ion-col>
+      <ion-row class="relationship" *ngIf="this.profile.details.relationship != 'dns'">
+        <ion-col col-4>Relationship</ion-col>
+        <ion-col col-8>{{this.profile.details.relationship}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.status">
+      <ion-row class="looking" *ngIf="this.profile.details.looking?.length > 0">
+        <ion-col col-4>I'm Looking For</ion-col>
+        <ion-col col-8><span *ng>{{this.profile.details.looking}}</span></ion-col>
+      </ion-row>
+      <ion-row class="status" *ngIf="this.profile.details.status != 'dns'">
         <ion-col col-4>HIV Status</ion-col>
         <ion-col col-8>{{this.profile.details.status}}</ion-col>
       </ion-row>
-      <ion-row *ngIf="this.profile.details.tested">
+      <ion-row class="tested" *ngIf="this.profile.details.tested">
         <ion-col col-4>Last Tested</ion-col>
         <ion-col col-8>{{this.profile.details.tested}}</ion-col>
       </ion-row>