Room name goes to modal & copy button in modal

output/main.js

@@ -124,7 +124,14 @@ function addQRModalHandlers() {
 			'click',
 			() => displayQRModal(communityID)
 		);
-		
+		row.querySelector('.td_name a').addEventListener(
+			'click',
+			(e) => {
+				e.preventDefault();
+				displayQRModal(communityID);
+			}
+		);
+
 	}
 	const closeButton =
 		dom.details_modal().querySelector('#details-modal-close');
@@ -137,14 +144,14 @@ function addQRModalHandlers() {
 			this.close();
 		}
 	});
-	/*
+
 	document.querySelector('#details-modal-copy-button').addEventListener(
 		'click',
 		function () {
 			copyToClipboard(this.getAttribute('data-href'));
 		}
 	)
-	*/
+
 
 	document.querySelector('#details-modal-copy-staff-id')?.addEventListener(
 		'click',

output/styles2.css

@@ -386,10 +386,6 @@ label[for=toggle-show-room-ids]::after {
 	margin-right: 1em;
 }
 
-#details-modal-copy-button {
-	font-size: 1.1em;
-}
-
 #details-modal-end {
 	display: flex;
 	flex-direction: column;

sites/+components/qr_modals.php

@@ -34,16 +34,16 @@
 						rel="noopener noreferrer"
 					></a>
 				</p>
-<?php /*
+
 				<p>
 					<button
 						id="details-modal-copy-button"
 						data-hydrate-with="join_link:data-href"
 						title="Copy join link"
-					>Copy link</button>
-				</p>
-*/ ?>
-				<p>
+					>
+						Copy join link
+					</button>
+
 					<button
 						id="details-modal-copy-staff-id"
 						data-hydrate-with="staff:data-staff"