Fixes moderator related elements when everyone is moderator

index.html

@@ -245,7 +245,6 @@
                         <!--<video id="localVideo" autoplay muted></video> - is now per stream generated -->
                     </span>
                     <audio id="localAudio" autoplay muted></audio>
-                    <span class="focusindicator"></span>
                     <div class="videocontainer__toolbar"></div>
                 </span>
                 <audio id="userJoined" src="sounds/joined.wav" preload="auto"></audio>

modules/UI/UI.js

@@ -298,9 +298,9 @@ UI.initConference = function () {
     // Add myself to the contact list.
     ContactList.addContact(id, true);
 
-    //update default button states before showing the toolbar
-    //if local role changes buttons state will be again updated
-    UI.updateLocalRole(false);
+    // Update default button states before showing the toolbar
+    // if local role changes buttons state will be again updated.
+    UI.updateLocalRole(APP.conference.isModerator);
 
     UI.showToolbar();
 

modules/UI/videolayout/VideoLayout.js

@@ -465,9 +465,10 @@ var VideoLayout = {
                 return;
 
             if (member.isModerator()) {
-                remoteVideo.removeRemoteVideoMenu();
                 remoteVideo.createModeratorIndicatorElement();
-            } else if (isModerator) {
+            }
+
+            if (isModerator) {
                 // We are moderator, but user is not - add menu
                 if(!remoteVideo.hasRemoteVideoMenu) {
                     remoteVideo.addRemoteVideoMenu();