From 21fcfc481475bcfdc4a59a193918ce48acf1d344 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 21 May 2021 11:20:15 +0100
Subject: [PATCH] Improve chat responsiveness

---
 src/app/pages/chat/chat.page.html | 8 ++++----
 src/app/pages/chat/chat.page.scss | 1 -
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 5d5d9ff0d..b0d2fdb74 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -43,11 +43,11 @@
           <ion-list *ngSwitchCase="'Contactos'">
             <ion-item-group>
               <ion-item-sliding>
-                  <div class="item width-100" *ngFor="let dm of userDirectMessages">
+                  <div class="item width-100 d-flex" *ngFor="let dm of userDirectMessages">
                     <div class="item-icon">
                       <ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
                     </div>
-                    <div (click)="openMessagesPage(dm._id)" class="item-content"><!-- (click)="openMessages(dm)" -->
+                    <div (click)="openMessagesPage(dm._id)" class="item-content flex-grow-1"><!-- (click)="openMessages(dm)" -->
                       <div class="item-title-time">
                         <div class="item-title">
                           <ion-label *ngFor="let user of dm.usernames">
@@ -69,11 +69,11 @@
           <ion-list *ngSwitchCase="'Grupos'" >
             <ion-item-group>
               <ion-item-sliding>
-                  <div *ngFor="let group of allGroups" class="item">
+                  <div *ngFor="let group of allGroups" class="item d-flex">
                     <div class="item-icon">
                       <ion-icon class="icon" slot="start" src="assets/images/icons-chat-group-chat-40.svg"></ion-icon>
                     </div>
-                    <div (click)="openGroupMessagesPage(group._id)" class="item-content">
+                    <div (click)="openGroupMessagesPage(group._id)" class="item-content flex-grow-1">
                       <div class="item-title-time">
                         <div class="item-title">
                           <ion-label>{{group.name.split('-').join(' ')}}</ion-label>
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index 0a59be5a5..09db58932 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -79,7 +79,6 @@ ion-content{
   }
   .item-content{
     width: 317px;
-    margin: 0 auto;
     float:right
   }
   .item-title-time{