Show connected nodes

static/less/main.less

@@ -1,5 +1,6 @@
 :root {
   --textsize: 12pt;
+  --section-color: #73a44d;
   --je-color: #73a44d;
   --border-radius: 5px;
 }
@@ -266,3 +267,38 @@ select:focus {
 	outline: 2px solid #888;
 	outline-offset: -2px;
 }
+
+#connected-nodes {
+	& > .label {
+		margin-bottom: 16px;
+		color: var(--section-color);
+		font-weight: bold;
+		font-size: 1.25em;
+	}
+
+	.connected-nodes {
+		display: flex;
+		align-items: start;
+		flex-flow: row wrap;
+		gap: 32px;
+
+		.type-group {
+			display: grid;
+			grid-template-columns: 24px 1fr;
+			grid-gap: 8px;
+			align-items: center;
+
+			.type-name {
+				font-weight: bold;
+				grid-column: 1 / -1;
+			}
+		}
+	}
+
+	.type-icon {
+		img {
+			display: block;
+			height: 24px;
+		}
+	}
+}