From 94078ad1d5f01f1634f68120b69f145eb9a8886c Mon Sep 17 00:00:00 2001
From: Mike Fitzpatrick <mike@fitz.guru>
Date: Tue, 6 Mar 2018 18:33:11 -0500
Subject: [PATCH] Fixes and initial styling for chat

---
 src/pages/chat/chat.html |  2 +-
 src/pages/chat/chat.scss | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/chat/chat.html b/src/pages/chat/chat.html
index e002422..9510e30 100644
--- a/src/pages/chat/chat.html
+++ b/src/pages/chat/chat.html
@@ -18,7 +18,7 @@
 
 <ion-content>
   <ion-list>
-    <ion-item class="message-bubble" *ngFor="let message of this.profile.messages" [ngClass]="{ 'user': (message.isUser == true) }">
+    <ion-item class="message-bubble" *ngFor="let message of this.profile.messages" [ngClass]="{ 'is-user': (message.isUser == true) }">
       <img *ngIf="message.image" [src]="message.image" (press)="showLightbox($event, message.image)">
       <p *ngIf="message.text != ''">{{message.text}}</p>
     </ion-item>
diff --git a/src/pages/chat/chat.scss b/src/pages/chat/chat.scss
index f4403fd..574f209 100644
--- a/src/pages/chat/chat.scss
+++ b/src/pages/chat/chat.scss
@@ -1,3 +1,14 @@
 page-chat {
 
+  .message-bubble {
+    background-color: #000fff;
+    color: #000000;
+    max-width: 75%;
+    padding: 0.75rem;
+    
+    &.is-user {
+      background-color: #fff000;
+      margin: 1rem 0 1rem auto;
+    }
+  }
 }