Added sorting to msgs sub and added some styling for messaging items. BOD-309 BOD-310

client/src/components/chat-popup/chat-popup.component.jsx

@@ -33,7 +33,7 @@ export function ChatPopupComponent({
         style={{ position: "absolute", right: ".5rem", top: ".5rem" }}
       />
 
-      <Row className="chat-popup-content">
+      <Row gutter={[8, 8]} className="chat-popup-content">
         <Col span={8}>
           <ChatConversationListComponent conversationList={conversationList} />
         </Col>

client/src/components/chat-popup/chat-popup.styles.scss

@@ -6,8 +6,12 @@
 }
 
 .chat-popup-content {
-  //height: 50vh;
+  min-height: 0px; /* IMPORTANT: you need this for non-chrome browsers */
   flex: 1;
+  //height: 100%;
+  .ant-col {
+    height: 100%;
+  }
 }
 
 @media only screen and (min-width: 992px) {