From c4f97b3cf0ddb6ca0da4fcbd592ce99719161bb7 Mon Sep 17 00:00:00 2001
From: Alain Takoudjou <alain.takoudjou@nexedi.com>
Date: Fri, 6 Nov 2020 11:03:49 +0100
Subject: [PATCH] make button on video more visible when background is white

---
 static/sfu.css  | 6 +++---
 static/sfu.html | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/sfu.css b/static/sfu.css
index 02755fc..9c0aa4c 100644
--- a/static/sfu.css
+++ b/static/sfu.css
@@ -394,7 +394,7 @@ textarea.form-reply {
     left: 0;
     bottom: 25px;
     text-align: center;
-    color: #e1e1e1;
+    color: #fff;
     font-size: 1.5em;
     transition: all .5s ease-out;
     opacity: 0;
@@ -416,14 +416,14 @@ textarea.form-reply {
 }
 
 .video-controls span, .top-video-controls span {
-    margin-right: 20px;
+    margin-right: 10%;
     transition: all .7s ease-out;
     opacity: 1;
     cursor: pointer;
 }
 
 .video-controls span:last-child {
-    /*margin-right: 0;*/
+    margin-right: 0;
 }
 
 .video-controls span:hover, .top-video-controls span:hover {
diff --git a/static/sfu.html b/static/sfu.html
index 9863995..be37bc2 100644
--- a/static/sfu.html
+++ b/static/sfu.html
@@ -207,6 +207,9 @@
         <span class="pip" title="Picture In Picture">
           <i class="fa fa-clone" data-type="bt-pip" aria-hidden="true"></i>
         </span>
+        <span class="fullscreen" title="Fullscreen">
+          <i class="fa fa-expand" data-type="bt-fullscreen" aria-hidden="true"></i>
+        </span>
       </div>
     </div>
 
@@ -215,9 +218,6 @@
         <span class="expand invisible" title="Maximize">
           <i class="fa fa-external-link" data-type="bt-expand" aria-hidden="true"></i>
         </span>
-        <span class="fullscreen" title="Fullscreen">
-          <i class="fa fa-expand" data-type="bt-fullscreen" aria-hidden="true"></i>
-        </span>
       </div>
     </div>