add missing css

index.html

@@ -14,8 +14,10 @@
     <script src="packages/location/location.js"></script>
     <script src="packages/olmeet/olmeet.js"></script>
     <script src="packages/screenshare/screenshare.js"></script>
-    <script src="packages/screencast/screencast.js"></script>	
     <script src="packages/vmsg/vmsg.js"></script>
+	
+    <script src="packages/screencast/screencast.js"></script>
+    <link type="text/css" rel="stylesheet" media="screen" href="packages/screencast/screencast.css" />		
 
     <link type="text/css" rel="stylesheet" media="screen" href="packages/stickers/stickers.css" />
     <script src="packages/stickers/stickers.js"></script>

packages/screencast/screencast.css

@@ -0,0 +1,11 @@
+.conversejs .col-xl-2, converse-bg .col-xl-2 {
+	width: 300px;
+}
+
+.conversejs .modal-dialog, converse-bg .modal-dialog {
+	max-width: 80%;
+}
+
+.conversejs .row > *, converse-bg .row > * {
+  flex-shrink: 1;
+}

packages/screencast/screencast.js

@@ -233,13 +233,12 @@
     }
 	
 	async function parseStanza(stanza, attrs) {
-		console.debug("parseStanza", stanza, attrs);
-
 		const invite = stanza.querySelector('invite');	
 		const retract = stanza.querySelector('retract');		
 		const occupantEle = stanza.querySelector('occupant-id');	
 		
 		if (!invite && !retract) return attrs;
+		console.debug("parseStanza", stanza, attrs);
 
 		let occupant_id;