From 63c6568a6563081fc8f1f815fb5f046f964b2f19 Mon Sep 17 00:00:00 2001
From: metodi96 <metodi.manovv@gmail.com>
Date: Wed, 13 May 2026 14:47:13 +0300
Subject: [PATCH] fix(share-pnl): group covers left, lift PnL block, space
 timestamp from brand

Cluster the three cover thumbnails together on the left of the dialog
instead of stretching them across the row. Move the PnL hero, optional
rows (entry/mark price, position size), and timestamp up by 50/30px so
the bottom of the card has more clearance to the nolus.io brand line.
---
 .../leases/components/single-lease/SharePnLDialog.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/leases/components/single-lease/SharePnLDialog.vue b/src/modules/leases/components/single-lease/SharePnLDialog.vue
index 5607185a..81b441f6 100644
--- a/src/modules/leases/components/single-lease/SharePnLDialog.vue
+++ b/src/modules/leases/components/single-lease/SharePnLDialog.vue
@@ -10,7 +10,7 @@
         <div class="flex flex-col gap-6 px-6 pb-6 text-typography-default">
           <div class="flex flex-col gap-4">
             <span class="text-16">{{ $t("message.cover-design") }}</span>
-            <div class="flex justify-between">
+            <div class="flex flex-wrap justify-start gap-3">
               <button
                 class="w-full max-w-[108px] overflow-hidden rounded"
                 v-for="(img, index) of images"
@@ -287,7 +287,7 @@ const renderCard = async (ctx: CanvasRenderingContext2D, bgSrc: string) => {
   }
 
   // Optional rows stack below the PnL block. y-cursor advances per rendered row.
-  let cursorY = 540;
+  let cursorY = 490;
   if (showPrice.value) {
     setEntryPriceRow(ctx, cursorY);
     cursorY += 50;
@@ -421,7 +421,7 @@ function setBrandUrl(ctx: CanvasRenderingContext2D) {
   ctx.fillText("nolus.io", 90, 858);
 }
 
-const PNL_HERO_BASELINE_Y = 430;
+const PNL_HERO_BASELINE_Y = 380;
 
 function setPnlPercent(ctx: CanvasRenderingContext2D) {
   const pos = pnlNumber();
@@ -505,7 +505,7 @@ function setTimeStamp(ctx: CanvasRenderingContext2D) {
 
   ctx.font = "500 28px 'Garet'";
   ctx.fillStyle = palette().muted;
-  ctx.fillText(`${datePart} · ${timePart}`, 90, 820);
+  ctx.fillText(`${datePart} · ${timePart}`, 90, 790);
 }
 
 function download() {