From 62052b83838eae2b8c1a2e6feffdb0aae38b5146 Mon Sep 17 00:00:00 2001
From: Gabor PEK <gabor.pek@avatao.com>
Date: Thu, 8 Mar 2018 14:04:40 +0100
Subject: [PATCH] Add vertical scrolling to messages

---
 src/app/messages/messages.component.html | 2 +-
 src/app/messages/messages.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/messages/messages.component.html b/src/app/messages/messages.component.html
index cf7f3e3..c29dd33 100755
--- a/src/app/messages/messages.component.html
+++ b/src/app/messages/messages.component.html
@@ -4,7 +4,7 @@
     <div class="tao-grid-message-header">
       <img class="tao-grid-center-left" src="images/avataobot.svg"/>
       <div class="tao-grid-center-left originator">{{message.originator}}</div>
-      <div class="timestamp tao-grid-center-right">{{message.timestamp | date:'yyyy-MM-dd HH:mm:ss'}}</div>
+      <div class="timestamp tao-grid-center-right">{{message.timestamp | date:'HH:mm:ss'}}</div>
     </div>
     <div [innerHtml]="message.message"></div>
   </div>
diff --git a/src/app/messages/messages.component.scss b/src/app/messages/messages.component.scss
index 54ce972..73beef1 100755
--- a/src/app/messages/messages.component.scss
+++ b/src/app/messages/messages.component.scss
@@ -150,12 +150,17 @@ $font-size-base:          14px;
 
 
 .tao-messages-main {
+
+  max-height: 50vmin;
+  overflow-y: scroll;
+
   h5 {
     margin-bottom: $small;
     color: $tao-blue-500;
     font-weight: 500;
   }
 }
+
 .tao-grid-message {
   display: grid;
   grid-template-rows: 1fr auto;