Start to anchor video calls

assets/css/common/global.css

@@ -37,6 +37,11 @@ a, .cursor-pointer {
     padding-bottom: 0px;
 }
 
+#pageTarget {
+    display: flex;
+    flex-direction: column;
+}
+
 /**
  * Adapt menu bar to small screens
  */

assets/css/components/calls/window.css

@@ -27,6 +27,15 @@
 	visibility: visible;
 }
 
+.call-window.embedded {
+	position: relative;
+	top: unset !important;
+	left: unset !important;
+	width: unset;
+	height: 150px;
+	margin: 20px;
+}
+
 .call-window .head {
 	color: white;
 	padding: 5px;

assets/css/pages/conversations/conversation.css

@@ -4,6 +4,30 @@
  * @author Pierre HUBERT
  */
 
+.big-box-conversation {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	max-width: 90%;
+	margin: auto;
+}
+
+.big-box-conversation .box-body {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+.big-box-conversation .box-body .slimScrollDiv {
+	flex: 1;
+}
+
+.big-box-conversation .direct-chat-messages {
+	flex: 1 1 auto;
+	height: 0px;
+	overflow: auto;
+}
+
 .big-box-conversation .direct-chat-info span {
 	margin-right: 10px;
 }

assets/css/pages/conversations/main.css

@@ -7,7 +7,11 @@
 .conversations-page-container {
 	max-width: 1000px;
 	margin: auto;
-	margin-top: 10px;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	width: 100%;
+	padding-bottom: 50px;
 }