- MOre fixes per Nick

src/app/app.scss

@@ -19,7 +19,7 @@ body {
   font-family: 'Lato', sans-serif;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .title, .title.toolbar-title {
   font-family: 'Anonymous Pro', monospace;
 }
 
@@ -27,7 +27,7 @@ ion-toolbar {
   color: #fff;
 
   .toolbar-background {
-    background-color: #000000;
+    background-color: #050505;
   }
 
   .bar-button,
@@ -61,7 +61,7 @@ ion-title {
 .tabs {
 
   .tabbar {
-    background-color: #090a0a;
+    background-color: #050505;
   }
 
   .tab-button {

src/pages/chat/chat.html

@@ -13,7 +13,7 @@
   <ion-list>
     <ion-item class="message-bubble" *ngFor="let message of this.profile.messages" [ngClass]="{ 'is-user': (message.isUser == true) }">
       <img *ngIf="message.image" [src]="'https://appsby.fitz.guru/urge/' + message.image" (press)="showLightbox($event, message.image)">
-      <p *ngIf="message.text != ''">{{message.text}}</p>
+      <p *ngIf="message.text">{{message.text}}</p>
     </ion-item>
   </ion-list>
 </ion-content>

src/pages/chat/chat.scss

@@ -1,5 +1,9 @@
 page-chat {
 
+  .title {
+    text-align: left;
+  }
+
   .toolbar-title {
 
     .title-profile-avatar {
@@ -12,13 +16,16 @@ page-chat {
     .message-bubble {
       background-color: #fdb315;
       border-radius: 0.5rem;
-      font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
-      line-height: 1.5;
+      line-height: 1.8;
       margin: 1rem 1rem 2.5rem auto;
       max-width: 75%;
+      min-height: 0;
+      min-width: none;
       overflow: visible;
       padding: 0.75rem;
       position: relative;
+      width: -webkit-fit-content;
+      width: fit-content;
 
       &.is-user {
         background-color: #6fbedf;

src/pages/grid/grid.html

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Looking</ion-title>
+    <ion-title>looking</ion-title>
   </ion-toolbar>
 </ion-header>
 

src/pages/grid/grid.scss

@@ -7,7 +7,6 @@ page-grid {
       font-size: 2.42em;
       font-weight: 700;
       line-height: 1.29;
-      text-decoration: underline;
     }
   }
 

src/pages/information/information.html

@@ -1,10 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-buttons right>
-      <button ion-button icon-only (tap)="close($event)">
-        <ion-icon name="close"></ion-icon>
-      </button>
-    </ion-buttons>
+    <ion-title>looking</ion-title>
   </ion-toolbar>
 </ion-header>
 

src/pages/information/information.scss

@@ -1,5 +1,15 @@
 page-information {
 
+  ion-toolbar {
+
+    .toolbar-title {
+      color: #ffffff;
+      font-size: 2.42em;
+      font-weight: 700;
+      line-height: 1.29;
+    }
+  }
+
   .content-box {
     background-color: #ffffff;
     color: #000000;

src/pages/information/information.ts

@@ -14,7 +14,7 @@ export class InformationPage {
   }
 
   ionViewWillEnter() {
-    this.tabNavEl.style.display = 'none';
+    this.tabNavEl.style.display = 'flex';
   }
 
   close(event) {

src/pages/messages/messages.html

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Looking</ion-title>
+    <ion-title>looking</ion-title>
   </ion-toolbar>
 </ion-header>
 

src/pages/messages/messages.scss

@@ -7,7 +7,6 @@ page-messages {
       font-size: 2.42em;
       font-weight: 700;
       line-height: 1.29;
-      text-decoration: underline;
     }
   }
 

src/pages/profile/profile.scss

@@ -11,7 +11,6 @@ page-profile {
   }
 
   ion-toolbar {
-    border-bottom: 1px solid #ffffff;
     transition: opacity 250ms 125ms ease-in-out;
 
     &.hidden {
@@ -23,6 +22,10 @@ page-profile {
       background-color: rgba(0, 0, 0, 1);
     }
 
+    .title {
+      text-align: left;
+    }
+
     .bar-button,
     .toolbar-title {
       color: #ffffff;

src/pages/tell/tell.html

@@ -32,7 +32,7 @@
       <ion-textarea formControlName="about" name="about" placeholder="Please enter text here"></ion-textarea>
     </ion-item>
     <ion-item>
-      <ion-label stacked>Your schtick with #gays</ion-label>
+      <ion-label stacked>What is your your experience dating in the LGBT community?</ion-label>
       <ion-textarea formControlName="messages" name="messages" placeholder="Please enter text here"></ion-textarea>
     </ion-item>
     <div padding>

src/pages/tell/tell.scss

@@ -1,24 +1,27 @@
 page-tell-your-story {
 
+  .title {
+    text-align: left;
+  }
+
   .item.item-block {
     padding-left: 0;
   }
 
   .input-wrapper {
     align-items: flex-start;
-  }
 
-  .label {
-    font-size: 1.2rem;
-    font-weight: 700;
-    margin-bottom: 4px;
-    text-align: left;
+    .label {
+      font-size: 0.9em;
+      font-weight: 700;
+      margin-bottom: 4px;
+      text-align: left;
+    }
   }
 
   ion-input, ion-textarea {
 
     input, textarea {
-      font-size: 0.8rem;
 
       &::placeholder,
       &::-webkit-input-placeholder,
@@ -55,4 +58,15 @@ page-tell-your-story {
       color: #191b1c;
     }
   }
+
+  .item-input-has-focus .label-md[stacked],
+  .input-has-focus .label-md[stacked] {
+    color: #fdb315;
+  }
+
+  .item-md.item-input.item-input-has-focus .item-inner,
+  .item-md.item-input.input-has-focus .item-inner {
+    border-bottom-color: #fdb315;
+    box-shadow: inset 0 -1px 0 0 #fdb315;
+  }
 }

src/pages/users/users.html

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Looking</ion-title>
+    <ion-title>looking</ion-title>
   </ion-toolbar>
 </ion-header>
 

src/pages/users/users.scss

@@ -7,7 +7,6 @@ page-users {
       font-size: 2.42em;
       font-weight: 700;
       line-height: 1.29;
-      text-decoration: underline;
     }
   }