From a3020f103b3c9460d4b680c4c2c50d36c3514f88 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Mon, 2 Jun 2025 09:50:59 +0300
Subject: [PATCH] 0.7

---
 .../resources/css/components-dashboard.css    |  4 +-
 .../src/resources/css/inbox-dashboard.css     | 40 +++++++++++++++----
 2 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css
index e5289cdb..dbf33f20 100644
--- a/frontend/src/resources/css/components-dashboard.css
+++ b/frontend/src/resources/css/components-dashboard.css
@@ -1430,8 +1430,8 @@
     display: flex;
 }
 .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing {
-    padding-left: 12px;
-    padding-right: 12px;
+    padding-left: var(--indent-small);
+    padding-right: var(--indent-small);
 }
 .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:first-child {
     padding-left: var(--indent-base);
diff --git a/frontend/src/resources/css/inbox-dashboard.css b/frontend/src/resources/css/inbox-dashboard.css
index ff4a3e02..dc3e8a0b 100644
--- a/frontend/src/resources/css/inbox-dashboard.css
+++ b/frontend/src/resources/css/inbox-dashboard.css
@@ -110,7 +110,7 @@ body.webbpm.ervu_dashboard {
     position: relative;
     font-family: 'Gilroy';
     font-size: var(--size-text-primary);
-    height: 100%;           
+    height: 100%;
     padding: 0 var(--w-screen) var(--indent-mini) var(--w-screen);
     overflow: auto;
 }
@@ -121,15 +121,18 @@ body.webbpm.ervu_dashboard {
     align-items: center;
     margin-left: var(--w-screen);
 }
+.webbpm.ervu_dashboard .header-logo .logo,
 .webbpm.ervu_dashboard .header-logo .logo a {
     width: 6.25rem; /*100*/
+}
+.webbpm.ervu_dashboard .header-logo .logo a {
     height: var(--h-header);
     background: url('../../../src/resources/img/logo-full.svg') no-repeat 0 50%;
     background-size: auto 100%;
 }
 .webbpm.ervu_dashboard .header-logo .logo-title {
     font-family: 'GilroySB';
-    margin-left: 6.25rem; /*100*/
+    margin-left: var(--indent-xbase);
 }
 
 .webbpm.ervu_dashboard .header-menu {
@@ -270,7 +273,7 @@ body.webbpm.ervu_dashboard {
 /*--------------- end Login -------------- */
 
 @media (max-width: 1279px) {
-    .webbpm.ervu_dashboard {    
+    .webbpm.ervu_dashboard {
         --size-text-title: 14px; /*32px*/
         --size-text-subtitle: 12px; /*24px*/
         --size-text-addprimary: 10px; /*20px*/
@@ -296,14 +299,37 @@ body.webbpm.ervu_dashboard {
         --h-header: 39px; /*78*/
         --w-screen: 20px; /*40*/
     }
+    .webbpm.ervu_dashboard .header-logo .logo,
     .webbpm.ervu_dashboard .header-logo .logo a {
         width: 50px; /*100*/
     }
-    .webbpm.ervu_dashboard .header-logo .logo-title {
-        margin-left: 50px; /*100*/
-    }    
 }
-
+@media (max-width: 2299px) {
+    .webbpm.ervu_dashboard { 
+        --size-text-title: calc(1.5*var(--w-content); /*32px*/
+        --size-text-subtitle: calc(1.2*var(--w-content); /*24px*/
+        --size-text-addprimary: calc(1*var(--w-content); /*20px*/
+        --size-text-primary: calc(0.9*var(--w-content); /*18px*/
+        --size-text-secondary: calc(0.7*var(--w-content); /*14px*/
+     
+        --indent-huge:calc(2.4*var(--w-content); /*48*/
+        --indent-xlarge: calc(2*var(--w-content); /*40*/
+        --indent-large: calc(1.5*var(--w-content); /*32*/
+        --indent-medium: calc(1.2*var(--w-content); /*24*/
+        --indent-xbase: calc(1*var(--w-content); /*20*/
+        --indent-base: calc(0.8*var(--w-content); /*16*/
+        --indent-small: calc(0.6*var(--w-content); /*12px*/
+        --indent-mini: calc(0.4*var(--w-content); /*8px*/
+        --indent-xmini: calc(0.2*var(--w-content); /*4px*/    
+     
+        --h-header: calc(3.9*var(--w-content); /*78*/
+        --w-screen: calc(2.9*var(--w-content); /*40*/
+    }
+    .webbpm.ervu_dashboard .header-logo .logo,
+    .webbpm.ervu_dashboard .header-logo .logo a {
+        width: calc(5*var(--w-content); /*100*/
+    }
+}
 @supports not selector(::-webkit-scrollbar) {
     * {
         scrollbar-width: thin;