From 16f3421f1166791ebca43136d734f96fa4575a52 Mon Sep 17 00:00:00 2001
From: lindenkron <lindenkron@hotmail.com>
Date: Sat, 8 Apr 2023 01:45:04 +0200
Subject: [PATCH] Fixed Director control panel & some missing icons

---
 index.html |  6 +++---
 lib.js     | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 31e0005..a21b2ea 100644
--- a/index.html
+++ b/index.html
@@ -1621,7 +1621,7 @@
 				<!-- General Controls -->
 				<div class="row two"> 
 					<button data-action-type="recorder-local" title="Start Recording this remote stream to this local drive. *experimental*'" onclick="recordLocalVideoToggle();">
-						<i class="las la-circle"></i>
+						<i class="las la-compact-disc"></i>
 						<span data-translate="record-director-local"> Record</span>
 					</button> 
 					<button data-action-type="mute-scene" title="Remotely Mute this Audio in all remote '&scene' views" onclick="directMute(this, event);">
@@ -2109,7 +2109,7 @@
 						document.querySelectorAll('[data-action-type=\'recorder-local\']').forEach(target=>{
 							recordVideo(target);
 						});">
-						<i class="las la-circle"></i>
+						<i class="las la-compact-disc"></i>
 						<span data-translate="local-global-record">Local record - start all</span>
 					</button>
 					<button data-action-type="local-global-record" title="Record all the guests" onclick="
@@ -2131,7 +2131,7 @@
 						}
 						jjj();
 						">
-						<i class="las la-circle"></i>
+						<i class="las la-compact-disc"></i>
 						<span data-translate="remote-global-record">Remote record - start all</span>
 					</button>
 					<button data-action-type="remote-global-record" title="Record all the guests" onclick="
diff --git a/lib.js b/lib.js
index 54c75ad..dc07765 100644
--- a/lib.js
+++ b/lib.js
@@ -15697,16 +15697,16 @@ async function createDirectorOnlyBox() {
 	getById("groups").remove();
 	
 	if (session.hidesololinks==false){ // won't be updating the solo link to a view-only one ever, since director is always expected to be in a room
-		controls.innerHTML += "<div style='padding:5px;word-wrap: break-word; overflow:hidden; white-space: nowrap; overflow: hidden; font-size:0.7em; text-overflow: ellipsis;' title='A direct solo view of the video/audio stream with nothing else'> \
+		controls.innerHTML += "<div class='soloButton' title='A direct solo view of the video/audio stream with nothing else'> \
 				<a class='soloLink advanced task' data-menu='context-menu' data-sololink='true' data-drag='1' draggable='true' onclick='copyFunction(this,event)' \
 				value='" + soloLink + "' href='" + soloLink + "'/>" + sanitizeChat(soloLink) + "</a>\
 				<button class='pull-right' style='width:100%;' onclick='copyFunction(this.previousElementSibling,event)'><i class='las la-user'></i> copy solo view link</button>\
 			</div>\
 			<div id='groups'></div>";
 		if (session.directorUUID){
-			controls.innerHTML += "<div style='text-align: center;margin:0px 10px 10px 10px;display:block;'><h3 id='yourDirectorStatus'>This is you, a co-director.<br />You are also a performer.</h3></div>";
+			controls.innerHTML += "<div style='text-align: center;margin:10px 5px 5px 5px;display:block;'><h3 id='yourDirectorStatus'>This is you, a co-director.<br />You are also a performer.</h3></div>";
 		} else {
-			controls.innerHTML += "<div style='text-align: center;margin:0px 10px 10px 10px;display:block;'><h3 id='yourDirectorStatus'>This is you, the director.<br />You are also a performer.</h3></div>";
+			controls.innerHTML += "<div style='text-align: center;margin:10px 5px 5px 5px;display:block;'><h3 id='yourDirectorStatus'>This is you, the director.<br />You are also a performer.</h3></div>";
 		}
 	}
 	
@@ -15867,9 +15867,9 @@ async function createDirectorScreenshareOnlyBox() { // sstype=3
 			</div>\
 			<div id='groups'></div>";
 		if (session.directorUUID){
-			controls.innerHTML += "<div style='text-align: center;margin:0px 10px 10px 10px;display:block;'><h3 id='yourDirectorStatus'>This is you, a co-director.<br />You are also a performer.</h3></div>";
+			controls.innerHTML += "<div style='text-align: center;margin:10px 5px 5px 5px;display:block;'><h3 id='yourDirectorStatus'>This is you, a co-director.<br />You are also a performer.</h3></div>";
 		} else {
-			controls.innerHTML += "<div style='text-align: center;margin:0px 10px 10px 10px;display:block;'><h3 id='yourDirectorStatus'>This is you, the director.<br />You are also a performer.</h3></div>";
+			controls.innerHTML += "<div style='text-align: center;margin:10px 5px 5px 5px;display:block;'><h3 id='yourDirectorStatus'>This is you, the director.<br />You are also a performer.</h3></div>";
 		}
 	}