From ef213f6601336b3e60c4090752364dda5af2b239 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A1szl=C3=B3=20Monda?= <laci@monda.hu>
Date: Sat, 8 Aug 2026 10:21:49 +0200
Subject: [PATCH] Use pipe separators between macro Used on links.

Makes adjacent assignment links easier to distinguish than commas.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/app/components/macro/header/macro-header.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/uhk-web/src/app/components/macro/header/macro-header.component.html b/packages/uhk-web/src/app/components/macro/header/macro-header.component.html
index dfcf2f4043d..6d6c284f020 100644
--- a/packages/uhk-web/src/app/components/macro/header/macro-header.component.html
+++ b/packages/uhk-web/src/app/components/macro/header/macro-header.component.html
@@ -31,6 +31,6 @@
     <ng-container *ngFor="let assignment of assignments; let last = last">
         <a class="text-nowrap"
            [routerLink]="['/keymap', assignment.keymapAbbreviation]"
-           [queryParams]="{ layer: assignment.layerId, module: assignment.moduleId, key: assignment.keyId }">{{ assignment.label }}</a><span *ngIf="!last">, </span>
+           [queryParams]="{ layer: assignment.layerId, module: assignment.moduleId, key: assignment.keyId }">{{ assignment.label }}</a><span *ngIf="!last" class="mx-1">|</span>
     </ng-container>
 </div>