Replace preview text with http/s indicator

output/styles2.css

@@ -28,7 +28,8 @@ header {
 }
 #th_users        { width:0% }
 .td_users        { text-align: right; }
-#th_preview      { width:19%; }
+#th_preview      { max-width:5%; }
+.td_preview      { text-align: center; }
 #th_qr           { width:0%; }
 #th_join_url     { width:15%; }
 .td_join_url     {
@@ -68,6 +69,18 @@ footer nav a {
 #tbl_communities tr:nth-child(odd)  { background-color: var(--alternate-row-color); }
 
 
+.protocol-indicator {
+	display: inline-block;
+	font-family: monospace;
+	border-radius: 3px;
+	width: 6ch;
+	line-height: 22px;
+	text-align: center;
+}
+.protocol-http      { background-color:lightgray }
+.protocol-https     { background-color:lightblue }
+
+
 /* <QR code modals> */
 .qr-code {
 	display: block;

sites/+components/tbl_communities.php

@@ -44,8 +44,12 @@
 		<td class="td_users"><?=$room->active_users?></td>
 		<td class="td_preview">
 			<a href="<?=$room->preview_link?>">
-				<?=$room->preview_link?>
+				<?php if (str_starts_with($room->preview_link, 'http://')): ?>
-			
+					<span class="protocol-indicator protocol-http">HTTP</span>
+				<?php endif; ?>
+				<?php if (str_starts_with($room->preview_link, 'https://')): ?>
+					<span class="protocol-indicator protocol-https">HTTPS</span>
+				<?php endif; ?>
 			</a>
 		</td>
 		<td class="td_qr_code">