From 3ef652b085e28e38ae25cc5c4c63970af0f78377 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 24 Jun 2020 22:21:32 +0200
Subject: [PATCH] Change MAX_PER_GROUP to test with 6 gamers connected

---
 back/src/Model/Group.ts              |  2 +-
 front/dist/resources/style/style.css | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/back/src/Model/Group.ts b/back/src/Model/Group.ts
index ed09b0cd..ac0b2b8a 100644
--- a/back/src/Model/Group.ts
+++ b/back/src/Model/Group.ts
@@ -4,7 +4,7 @@ import {PositionInterface} from "_Model/PositionInterface";
 import {uuid} from "uuidv4";
 
 export class Group {
-    static readonly MAX_PER_GROUP = 4;
+    static readonly MAX_PER_GROUP = 6;
 
     private id: string;
     private users: UserInterface[];
diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index 458dde9c..9890cd65 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -41,7 +41,7 @@ video{
 .webrtc, .activeCam{}
 .activeCam .video-container{
     position: absolute;
-    height: 25%;
+    height: 16%;
     top: 10px;
     margin: 5px;
     right: -100px;
@@ -96,16 +96,22 @@ video{
 /*CSS size for 2 - 3 elements*/
 .activeCam .video-container:nth-child(1){
     /*this is for camera of user*/
-    top: 75%;
+    top: 84%;
 }
 .activeCam .video-container:nth-child(2){
     top: 0%;
 }
 .activeCam .video-container:nth-child(3){
-    top: 25%;
+    top: 16%;
 }
 .activeCam .video-container:nth-child(4) {
-    top: 50%;
+    top: 32%;
+}
+.activeCam .video-container:nth-child(5) {
+    top: 48%;
+}
+.activeCam .video-container:nth-child(6) {
+    top: 64%;
 }
 
 /*btn animation*/