[DEBUG] correct focuds ekelebrt

front/src/app/scene/video/video.html

@@ -7,7 +7,7 @@
 	</div>
 	<div class="fill-all" *ngIf="mediaIsLoading">
 		<div class="title">
-			Edit media<br/><br/><br/><br/><br/>
+			Play media<br/><br/><br/><br/><br/>
 			Loading ...<br/> 
 			Please wait.
 		</div>

front/src/app/scene/video/video.less

@@ -104,7 +104,6 @@
 	};
 	
 	.controls {
-	  opacity: 0;
 		//visibility: hidden;
 		opacity: 0.5;
 		width: 96%;
@@ -134,35 +133,35 @@
 			left: 40%;
 			width: 20%;
 			height: 80%;
-			color: red;
 			border: none;
 			box-shadow: none;
 			cursor: pointer;
-		
-			:hover {
-				border: none;
-			 	//opacity: 0;
-			}
 			.material-icons {
 		  		color: #FFF;
-				font-size: 100px;
+				font-size: 120px;
+				color: green;
 			}
-			:focus {
-			  //opacity: 0;
+			&:focus {
+				outline: none;
 			}
-				}
+			opacity: 95%;
+		}
 		.bigRewind {
 			position: fixed;
 			top: 10%;
 			left: 20%;
 			width: 20%;
 			height: 80%;
-			color: green;
 			border: none;
 			.material-icons {
 		  		color: #FFF;
-				font-size: 100px;
+				font-size: 120px;
+				color: red;
 			}
+			&:focus {
+				outline: none;
+			}
+			opacity: 95%;
 		}
 		.bigForward {
 			position: fixed;
@@ -170,12 +169,16 @@
 			left: 60%;
 			width: 20%;
 			height: 80%;
-			color: blue;
 			border: none;
 			.material-icons {
 		  		color: #FFF;
-				font-size: 100px;
+				font-size: 120px;
+				color: blue;
 			}
+			&:focus {
+				outline: none;
+			}
+			opacity: 95%;
 		}
 		
 		.slidecontainer {

front/src/theme.modal.less

@@ -6,7 +6,7 @@ modal {
 	.modal {
 		display: none; /* Hidden by default */
 		position: fixed; /* Stay in place */
-		z-index: 1200;
+		z-index: 10000;
 		padding-top: 100px; /* Location of the box */
 		left: 0;
 		top: 0;