From 3013e5bd8339021a0d84291e6762d730b2bf1754 Mon Sep 17 00:00:00 2001
From: Kum1ta <eddydhj@gmail.com>
Date: Fri, 15 Nov 2024 14:37:14 +0100
Subject: [PATCH] Livechat     - fix mobile style

---
 .../nginx/static/javascript/home3D/home3D.js  |  3 +--
 .../nginx/static/style/homePage/liveChat.css  | 24 +++++++++----------
 .../static/style/lobbyPage/lobbyPage.css      |  3 ---
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js b/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
index b33b829..75cc181 100644
--- a/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
+++ b/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
@@ -6,7 +6,7 @@
 /*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/22 17:19:17 by edbernar          #+#    #+#             */
-/*   Updated: 2024/11/15 13:53:22 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/11/15 13:56:00 by edbernar         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -261,7 +261,6 @@ function home3D()
 					{
 						document.getElementsByTagName('canvas')[1].addEventListener('click', redirection);
 						clickDetect = true;
-						console.log('clickDetect');
 					}
 				}
 			}
diff --git a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
index 43a70f1..42d304c 100644
--- a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
+++ b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   liveChat.css                                       :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: madegryc <madegryc@student.42.fr>          +#+  +:+       +#+        */
+/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/07/30 13:53:39 by edbernar          #+#    #+#             */
-/*   Updated: 2024/10/04 20:43:32 by madegryc         ###   ########.fr       */
+/*   Updated: 2024/11/15 14:36:36 by edbernar         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -87,11 +87,11 @@
 }
 
 #buttonTypeChatHome h2 {
-	text-align: center;	
 	font-size: 20px;
 	color: #dfdfdf;
 	padding-top: 5px;
 	padding-bottom: 5px;
+	padding-left: 20px;
 }
 
 #selected {
@@ -144,9 +144,6 @@
 	border-radius: 100%;
 }
 
-
-
-
 #messageListChatHome .opponentMessage {
 	max-width: 80%;
 	padding: 10px;
@@ -187,7 +184,6 @@
 	position: absolute;
 	width: 348px;
 	height: 50px;
-	background-color: #0B0B0B;
 	bottom: 10px;
 	color: white;
 	display: flex;
@@ -196,8 +192,9 @@
 
 #inputMessageDiv p {
 	margin: 0;
-	margin-left: 10px;
-	margin-right: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
+	background-color: #080808;
 	font-family: "Poppins";
 	font-weight: bolder;
 	font-size: 35px;
@@ -276,14 +273,17 @@
 	}
 	
 	#chatDiv {
-		width: 80%;
+		width: calc(90% - 40px);
+		position: fixed;
+		left: 50%;
+		transform: translateX(-50%);
 	}
 
 	#inputMessageDiv {
-		width: 87%;
+		width: 100%;
 	}
 
 	#inputMessage {
-		width: 100%;
+		width: calc(80% - 20px);
 	}
 }
\ No newline at end of file
diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
index cdbaeca..c4c3a9b 100644
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
@@ -643,9 +643,6 @@ input:checked + .slider:before {
 		height: 150px;
 		margin: 5px;
 	}
-	#chatDiv {
-		width: 80%;
-	}
 	.keys{
 		display: none;
 	}