From 08ff4651e26723ef6f61d7cd47725e6ce6d514c1 Mon Sep 17 00:00:00 2001
From: Danila Khodjaef <danila.khodjaef@gmail.com>
Date: Mon, 27 Jul 2026 18:07:58 +0300
Subject: [PATCH] Enlarge movement-flow artist portraits to 150% size.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 client/src/components/MovementBands.css | 12 ++++++------
 client/src/components/MovementBands.tsx |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/components/MovementBands.css b/client/src/components/MovementBands.css
index 3d59b21..38bc845 100644
--- a/client/src/components/MovementBands.css
+++ b/client/src/components/MovementBands.css
@@ -28,7 +28,7 @@
 
 .movements-flow-canvas {
   --stream-stroke: 54px;
-  --portrait-size: 26px;
+  --portrait-size: 39px;
   position: relative;
   flex: 1;
   min-height: 0;
@@ -306,8 +306,8 @@
   background: none;
   border: 2px solid rgba(232, 213, 181, 0.75);
   border-radius: 50%;
-  width: var(--portrait-size, 26px);
-  height: var(--portrait-size, 26px);
+  width: var(--portrait-size, 39px);
+  height: var(--portrait-size, 39px);
   padding: 0;
   cursor: pointer;
   overflow: visible;
@@ -351,7 +351,7 @@
 @media (max-width: 768px) {
   .movements-flow-canvas {
     --stream-stroke: 44px;
-    --portrait-size: 22px;
+    --portrait-size: 33px;
   }
 
   .movements-flow-caption {
@@ -359,8 +359,8 @@
   }
 
   .artist-portrait {
-    width: var(--portrait-size, 22px);
-    height: var(--portrait-size, 22px);
+    width: var(--portrait-size, 33px);
+    height: var(--portrait-size, 33px);
   }
 
   .movement-flow-label {
diff --git a/client/src/components/MovementBands.tsx b/client/src/components/MovementBands.tsx
index c8c0a41..04b8a71 100644
--- a/client/src/components/MovementBands.tsx
+++ b/client/src/components/MovementBands.tsx
@@ -1269,7 +1269,7 @@ export default function MovementBands({
         branches: [] as BranchSegment[],
         childIdsByParent: new Map<number, number[]>(),
         streamStrokePx: MAX_STREAM_STROKE_PX,
-        portraitSizePx: 52,
+        portraitSizePx: 78,
         streamCurveOffset: 14,
       };
     }
@@ -1310,7 +1310,7 @@ export default function MovementBands({
     if (laneStep >= MIN_STREAM_STROKE_PX + LANE_GAP_PX) {
       streamStrokePx = Math.max(MIN_STREAM_STROKE_PX, streamStrokePx);
     }
-    const portraitSizePx = Math.max(14, Math.min(26, streamStrokePx * 0.48));
+    const portraitSizePx = Math.max(21, Math.min(39, streamStrokePx * 0.72));
     const streamCurveOffset = Math.min(12, Math.max(2, (laneStep - streamStrokePx) * 0.35));
 
     const yMax = layoutHeight - CANVAS_BOTTOM_PAD - streamStrokePx / 2;