Added round LEDs to the UI (initially just for the VT100)

modules/shared/templates/components.css

@@ -111,6 +111,17 @@
     line-height: 19px; /* the equivalent of "vertical-align: middle" for single-line elements */
     background-color: #000000;
 }
+.pcjs-rled {
+    float: left;
+    width: 8px;
+    height: 8px;
+    margin: 4px;
+    border: 1px solid black;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 19px; /* the equivalent of "vertical-align: middle" for single-line elements */
+    background-color: #000000;
+}
 .pcjs-screen {
     clear: both;
     height: auto;

modules/shared/templates/components.xsl

@@ -411,7 +411,7 @@
 						</fieldset>
 					</form>
 				</xsl:when>
-				<xsl:when test="@type = 'led'">
+				<xsl:when test="@type = 'led' or @type = 'rled'">
 					<div class="{$APPCLASS}-binding {$CSSCLASS}-{@type}" data-value="{{{$type},{$binding}}}"><xsl:value-of select="."/></div>
 				</xsl:when>
 				<xsl:when test="@type = 'separator'">