diff --git a/web/src/App.css b/web/src/App.css index 55ec4ef..20ee3d5 100644 --- a/web/src/App.css +++ b/web/src/App.css @@ -68,9 +68,9 @@ details summary { color: var(--muted); font-size: 12px; cursor: pointer; } .peer-row-you { font-size: 10px; color: var(--accent); text-transform: uppercase; letter-spacing: 0.06em; margin-left: 2px; flex-shrink: 0; } .peer-row:hover { background: rgba(255,255,255,0.04); } .peer-row:hover .peer-row-actions { opacity: 1; } -.peer-row-alias { font-size: 13px; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.peer-row-id { font-size: 10px; color: var(--muted); font-family: monospace; } -.peer-row-actions { opacity: 0; display: flex; gap: 2px; transition: opacity 0.1s; } +.peer-row-alias { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.peer-row-id { font-size: 10px; color: var(--muted); font-family: monospace; flex: 1; } +.peer-row-actions { opacity: 0; display: flex; gap: 2px; transition: opacity 0.1s; margin-left: auto; } .peer-action { background: none; color: var(--muted); font-size: 14px; padding: 1px 3px; line-height: 1; } .peer-action:hover { color: var(--accent); background: none; }