css

src/index.css

@@ -202,6 +202,16 @@ select {
 .node--converter { border-left-color: var(--accent-converter); }
 .node--consumer { border-left-color: var(--accent-consumer); }
 
+.node__id {
+  font-family: var(--display);
+  font-weight: 200;
+  font-size: 10px;
+  color: var(--ink);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .node__title {
   font-family: var(--display);
   font-weight: 600;
@@ -230,6 +240,16 @@ select {
   white-space: nowrap;
 }
 
+.node__links {
+  font-size: 11px;
+  background: #171613;
+  border: 1px solid var(--line);
+  border-radius: 3px;
+  padding: 4px 6px;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+}
+
 .node__sockets {
   position: absolute;
   top: 0;