Modify icons : micro and cam

front/dist/index.html

@@ -47,12 +47,12 @@
             </div>
             <div class="btn-cam-action">
                 <div class="btn-micro">
-                    <img id="microphone" src="resources/logos/microphone.svg">
+                    <img id="microphone" src="resources/logos/MIC-ON.png">
-                    <img id="microphone-close" src="resources/logos/microphone-close.svg">
+                    <img id="microphone-close" src="resources/logos/MIC-OFF.png">
                 </div>
                 <div class="btn-video">
-                    <img id="cinema" src="resources/logos/cinema.svg">
+                    <img id="cinema" src="resources/logos/CAM-ON.png">
-                    <img id="cinema-close" src="resources/logos/cinema-close.svg">
+                    <img id="cinema-close" src="resources/logos/CAM-OFF.png">
                 </div>
                 <!--<div class="btn-call">
                     <img src="resources/logos/phone.svg">

front/dist/resources/style/style.css

@@ -44,7 +44,7 @@ video{
     height: 25%;
     top: 10px;
     margin: 5px;
-    right: -100px;
+    right: 10px;
     transition: all 0.2s ease;
     border-color: black;
     border-style: solid;
@@ -112,28 +112,16 @@ video{
 .btn-cam-action div{
     cursor: pointer;
     position: absolute;
-    border: solid 0px black;
-    width: 44px;
-    height: 44px;
-    background: #666;
-    box-shadow: 2px 2px 24px #444;
-    border-radius: 48px;
-    transform: translateY(12vw);
     transition-timing-function: ease-in-out;
     bottom: 20px;
 }
-.webrtc:hover .btn-cam-action div{
+
-    transform: translateY(0);
+
-}
-.btn-cam-action div:hover{
-    background: #407cf7;
-    box-shadow: 4px 4px 48px #666;
-    transition: 280ms;
-}
 .btn-micro{
     transition: all .3s;
     right: 44px;
 }
+
 .btn-video{
     transition: all .2s;
     right: 134px;