From 2a3237a3ba7ad02b8ef8b67f776ca9fd05778781 Mon Sep 17 00:00:00 2001
From: steveseguin <punkrawker@gmail.com>
Date: Fri, 14 Apr 2023 14:51:51 -0400
Subject: [PATCH] fix chat layering

---
 index.html | 6 +++---
 lib.js     | 1 +
 main.css   | 9 +++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 0d674f3..03444c5 100644
--- a/index.html
+++ b/index.html
@@ -56,7 +56,7 @@
 		<meta property="twitter:image" content="./media/vdoNinja_logo_full.png" />
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="theme-color" content="#ffffff" />
-		<link rel="stylesheet" href="./main.css?ver=293" />
+		<link rel="stylesheet" href="./main.css?ver=296" />
 		<script type="text/javascript" crossorigin="anonymous" src="./thirdparty/adapter.js"></script>
 		<style id="lightbox-animations" type="text/css"></style>
 		<!-- <link rel="manifest" href="manifest.json" /> -->
@@ -136,7 +136,7 @@
             <div class="controlPositioning">
                 <div id="obsState" class="hidden" >ACTIVE</div>
                 <div id="chatModule" style="display:none;">
-                    <a target="popup" id="popOutChat" style="cursor:pointer;text-align:right;color:#B3C7F9;" onclick="createPopoutChat();"><i class="las la-external-link-alt"></i></a>
+                    <a target="popup" id="popOutChat" onclick="createPopoutChat();"><i class="las la-external-link-alt"></i></a>
                     <div id="chatBody"> 
                         <div class="inMessage" id="welcomeMsg" data-translate='welcome-to-vdo-ninja-chat'>
                             Welcome to the chat! You can send text messages directly to connected peers from here.
@@ -2499,6 +2499,6 @@
 		// If you wish to change branding, blank offers a good clean start.
 		<script type="text/javascript" id="main-js" src="./main.js" data-translation="blank"></script>
 		-->
-		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=593"></script>
+		<script type="text/javascript" crossorigin="anonymous" id="main-js" src="./main.js?ver=594"></script>
 	</body>
 </html>
diff --git a/lib.js b/lib.js
index 6e00b59..f87d599 100644
--- a/lib.js
+++ b/lib.js
@@ -10748,6 +10748,7 @@ function toggleChat(event = null) { // TODO: I need to have this be MUTE, toggle
 		getById("chatModule").style.display = "flex";
 		getById("chatInput").focus(); // give it keyboard focus
 	} else {
+		
 		session.chat = false;
 		getById("chattoggle").className = "las la-comment-alt toggleSize";
 		getById("chatbutton").className = "float";
diff --git a/main.css b/main.css
index a503e18..0c1f9cb 100644
--- a/main.css
+++ b/main.css
@@ -249,6 +249,14 @@ button.hint {
 	visibility: hidden;
 }
 
+#popOutChat{
+	cursor:pointer;
+	text-align:right;
+	color:#B3C7F9;
+	margin:5px;
+	cursor: pointer;
+}
+
 /* Clicked buttons overwrite */
 .red {
 	background-color: #840000 !important;
@@ -3353,6 +3361,7 @@ div#chatBody a {
     z-index: 3;
     margin-bottom: 65px;
     gap: 0px 5px;
+	pointer-events: auto;
 }
 #chatInput {
 	color: #000;