From 38a8ee87350229a07c046bd0efcdc2eb3e6f9705 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Fri, 14 Jun 2024 21:29:51 +0300
Subject: [PATCH] vars

---
 .../src/resources/css/components-lkrp.css     | 25 ++++++++++++++++--
 frontend/src/resources/css/inbox-lkrp.css     | 26 +++++++++++++++++--
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css
index 824a4315..a386ecb2 100644
--- a/frontend/src/resources/css/components-lkrp.css
+++ b/frontend/src/resources/css/components-lkrp.css
@@ -12,7 +12,8 @@
 .webbpm.ervu_lkrp_ul .title {
     font-size: var(--size-text-title);
     font-family: 'InterB';
-    padding-bottom: 40px;
+    padding-top: 0;
+    padding-bottom: var(--indent-big);
 
     .form-group {
     	margin-bottom: 0; 
@@ -81,8 +82,13 @@
 	}
 }
 
+.webbpm.ervu_lkrp_ul .left-block {
+	padding-right: var(--indent-medium);
+}
+
 .webbpm.ervu_lkrp_ul .fieldset {
 	padding: 24px;
+	margin-bottom: 0;
 	border: 1px solid var(--border-light);
     border-radius: 4px;
     background-color: var(--bg-light);	
@@ -132,8 +138,23 @@
 }
 
 .webbpm.ervu_lkrp_ul field-set + field-set {
-	margin-top: 32px;
+	margin-top: var(--indent-medium);
 }
 
 
 
+@media ((min-width: 481px) and (max-width: 780px)) {
+
+}
+
+@media (max-width: 480px) {
+    .webbpm.ervu_lkrp_ul .main-block {
+        & > .horizontal-container {
+            flex-direction: column;
+        }
+		.left-block {
+            padding-right: 0; 
+            margin-bottom: var(--indent-medium);
+        }
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index c590250d..d7fc898b 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -44,7 +44,12 @@ body {
     --size-text-title: 36px;
     --size-text-subtitle: 20px;
     --size-text-primary: 18px;
-    --size-text-secondary: 16px;    
+    --size-text-secondary: 16px; 
+
+    --indent-huge: 48px;
+    --indent-big: 40px;
+    --indent-medium: 32px;
+    --indent-small: 24px;
 }
 
 .webbpm.ervu_lkrp_ul a {
@@ -134,9 +139,26 @@ body {
 
     .container-inside {
         font-family: 'Inter';
-        padding: 48px var(--w-screen)
+        padding: var(--indent-huge) var(--w-screen);
     }
 }
 
+@media ((min-width: 481px) and (max-width: 780px)) {
+    .webbpm.ervu_lkrp_ul {
+        --w-screen: 40px;
+    }
+}
 
+@media (max-width: 480px) {
+    .webbpm.ervu_lkrp_ul {
+        --w-screen: 16px;
+
+        --size-text-title: 28px;
+
+        --indent-huge: 24px;
+        --indent-big: 24px;
+        --indent-medium: 16px;
+        --indent-small: 16px;      
+    }
+}