From 968e2b024ab964466a8d5a9cae60d81e4946ca6c Mon Sep 17 00:00:00 2001
From: vankhaiphan <pvkhai98dn@gmail.com>
Date: Tue, 1 Jun 2021 15:48:52 +0200
Subject: [PATCH] change responsive web + port private room in
 docker-compose.yml

---
 docker-compose.yml                              | 2 +-
 frontend/src/app/message/message.component.html | 2 +-
 frontend/src/app/private/private.component.html | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 7d6e56b..b9b16ba 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -58,7 +58,7 @@ services:
       - backend/service-privateroom
       - backend/service-privateroom/node_modules
     ports:
-      - 3001:3000
+      - 3002:3000
     depends_on:
       - mongodb-privateroom
     links:
diff --git a/frontend/src/app/message/message.component.html b/frontend/src/app/message/message.component.html
index 18f5b61..5e09195 100644
--- a/frontend/src/app/message/message.component.html
+++ b/frontend/src/app/message/message.component.html
@@ -8,7 +8,7 @@
       </ul>
     </div>
     <div class="chat-footer">
-      <div class="row">
+      <div class="row col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
         <div class="col-md-10">
           <div class="form-group mb-0">
             <input type="text" placeholder="Entrez votre message" (keydown.enter)="sendButtonClick()" class="form-control" [(ngModel)]="msg"/>
diff --git a/frontend/src/app/private/private.component.html b/frontend/src/app/private/private.component.html
index d29a1c4..f13d015 100644
--- a/frontend/src/app/private/private.component.html
+++ b/frontend/src/app/private/private.component.html
@@ -1,11 +1,11 @@
-<div class="container-fluid">
+<div class="container col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
   <div class="row">
-    <div class="col-md-4">
+    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-3 col-3">
       <div #userList class="user-list-card"  (click)="selectRoom($event)">
         <div class="user-card"><p class="username">General</p></div>
       </div>
     </div>
-    <div class="col-md-8">
+    <div class="col-xl-8 col-lg-8 col-md-8 col-sm-9 col-9">
       <app-message [room]="roomSelected"></app-message>
     </div>
   </div>