From 560694fc28b0e89aa074b619fb3a795c1db6f221 Mon Sep 17 00:00:00 2001
From: MeysamMoghaddam <65253484+MeysamMoghaddam@users.noreply.github.com>
Date: Mon, 13 Oct 2025 22:31:53 +0330
Subject: [PATCH] u

---
 .../Shared/OrganizationChart.razor.css        | 109 +++++++++---------
 .../Shared/OrganizationChartLevel.razor.css   |   4 +
 2 files changed, 59 insertions(+), 54 deletions(-)

diff --git a/src/FrontOffice.Main/Shared/OrganizationChart.razor.css b/src/FrontOffice.Main/Shared/OrganizationChart.razor.css
index 3dcd53c..68f1dea 100644
--- a/src/FrontOffice.Main/Shared/OrganizationChart.razor.css
+++ b/src/FrontOffice.Main/Shared/OrganizationChart.razor.css
@@ -6,15 +6,15 @@
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     background: #fafafa;
+    position: relative;
 }
 
 .org-tree {
     display: flex;
     flex-direction: column;
     align-items: center;
-    min-width: 1200px;
-    min-height: 800px;
     padding: 20px;
+    position: absolute;
 }
 
 .org-node {
@@ -44,10 +44,10 @@
     transition: all 0.3s ease;
 }
 
-.node-card:hover {
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-    border-color: #e0e0e0;
-}
+    .node-card:hover {
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+        border-color: #e0e0e0;
+    }
 
 .node-avatar {
     position: relative;
@@ -74,10 +74,10 @@
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 
-.expand-btn:hover {
-    background: #026a9e;
-    transform: translateX(-50%) scale(1.1);
-}
+    .expand-btn:hover {
+        background: #026a9e;
+        transform: translateX(-50%) scale(1.1);
+    }
 
 .node-info {
     text-align: center;
@@ -94,9 +94,9 @@
     font-size: 12px;
 }
 
-.node-amounts > div {
-    margin-bottom: 4px;
-}
+    .node-amounts > div {
+        margin-bottom: 4px;
+    }
 
 .personal-amount {
     color: #0380C0;
@@ -132,27 +132,27 @@
     position: relative;
 }
 
-.org-level::before {
-    content: '';
-    position: absolute;
-    top: -40px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 2px;
-    height: 20px;
-    background: #ddd;
-}
+    .org-level::before {
+        content: '';
+        position: absolute;
+        top: -40px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 2px;
+        height: 20px;
+        background: #ddd;
+    }
 
-.org-level::after {
-    content: '';
-    position: absolute;
-    top: -20px;
-    left: 0;
-    right: 0;
-    height: 2px;
-    background: #ddd;
-    z-index: 1;
-}
+    .org-level::after {
+        content: '';
+        position: absolute;
+        top: -20px;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background: #ddd;
+        z-index: 1;
+    }
 
 .org-sublevel {
     display: flex;
@@ -162,27 +162,27 @@
     position: relative;
 }
 
-.org-sublevel::before {
-    content: '';
-    position: absolute;
-    top: -20px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 2px;
-    height: 20px;
-    background: #ddd;
-}
+    .org-sublevel::before {
+        content: '';
+        position: absolute;
+        top: -20px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 2px;
+        height: 20px;
+        background: #ddd;
+    }
 
-.org-sublevel::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 2px;
-    background: #ddd;
-    z-index: 1;
-}
+    .org-sublevel::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background: #ddd;
+        z-index: 1;
+    }
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
@@ -228,6 +228,7 @@
         opacity: 0;
         transform: translateY(-10px);
     }
+
     to {
         opacity: 1;
         transform: translateY(0);
@@ -249,4 +250,4 @@
 
 .expand-btn:active {
     transform: translateX(-50%) scale(0.95);
-}
\ No newline at end of file
+}
diff --git a/src/FrontOffice.Main/Shared/OrganizationChartLevel.razor.css b/src/FrontOffice.Main/Shared/OrganizationChartLevel.razor.css
index 122b514..9628942 100644
--- a/src/FrontOffice.Main/Shared/OrganizationChartLevel.razor.css
+++ b/src/FrontOffice.Main/Shared/OrganizationChartLevel.razor.css
@@ -36,6 +36,10 @@
 .org-node {
     position: relative;
     margin: 0px 15px 20px 15px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 200px;
 }
 
 .node-connector {