From 6768db9648008bfb86781dd4dec99a014b732414 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Thu, 14 Nov 2024 18:53:02 +0300
Subject: [PATCH] SUPPORT-8615

---
 frontend/home.html                            | 18 +++++++--------
 .../src/resources/css/components-lkrp.css     |  1 -
 frontend/src/resources/css/inbox-lkrp.css     |  2 +-
 frontend/src/resources/landing/home.css       | 23 +++++++++++++++++++
 4 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/frontend/home.html b/frontend/home.html
index bb635efa..466fc8ef 100644
--- a/frontend/home.html
+++ b/frontend/home.html
@@ -13,16 +13,14 @@
 </div>
 
 <div class="container">
-    <div id="browser-check-info">
-        <div class="browser-check-content">
-            <div class="browser-check-text">
-                <p class="plain-text bold mb-12"> Установите браузер </p>
-                <p class="plain-text">
-                    Для обеспечения защищённого соединения с сайтом реестра повесток необходимо установить браузер Яндекс или Chromium GOST.
-                </p>
-            </div>
-        </div>
-    </div>
+	<div id="browser-check-info">
+		<div class="browser-check-content">
+			<div class="browser-check-text">
+				<div class="plain-text text-header">Установите браузер</div>
+				<div class="plain-text">Для обеспечения защищённого соединения с сайтом реестра повесток необходимо установить браузер Яндекс или Chromium GOST.</div>
+			</div>
+		</div>
+	</div>
     <script>
       document.getElementById("browser-check-info").hidden = navigator.userAgent.indexOf("Chromium GOST") > -1 || navigator.userAgent.indexOf("YaBrowser") > -1;
     </script>
diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css
index b2ff621e..25359999 100644
--- a/frontend/src/resources/css/components-lkrp.css
+++ b/frontend/src/resources/css/components-lkrp.css
@@ -868,7 +868,6 @@
 	background-image: url(../img/svg/win-success.svg);
 }
 
-
 /* temp fix + add flex-wrap*/
 .webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) .horizontal-container text + button-component:not(.info) {
 	margin-top: -2px;	
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index 43b92dd4..2e796b90 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -359,4 +359,4 @@ body.webbpm.ervu_lkrp_ul {
     87.5% {
         box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.7), -2.6em 0em 0 0em rgba(198, 78, 27, 1), -1.8em -1.8em 0 0em #ffffff;
     }
-} 
\ No newline at end of file
+}
diff --git a/frontend/src/resources/landing/home.css b/frontend/src/resources/landing/home.css
index b58813fb..81dab94d 100644
--- a/frontend/src/resources/landing/home.css
+++ b/frontend/src/resources/landing/home.css
@@ -691,6 +691,29 @@ a.btn:is(:hover, :focus, :active) {
     }
 }
 
+.browser-check-content {
+    font-family: 'Golos';
+    font-size: var(--size-text-secondary);    
+    padding: var(--indent-mini) var(--w-screen) var(--indent-mini) calc(var(--w-screen) + 38px);
+    background-color: var(--bg-warn);
+}
+.browser-check-text {
+    position: relative;
+    padding-left: 40px;
+}
+.browser-check-text::before {
+    position: absolute;
+    content: url(../img/svg/info.svg);
+    left: 0;
+    top: calc((100% - 24px) / 2);
+}
+.text-header {
+    color: var(--color-link);
+    font-family: 'GolosB';
+    font-size: var(--size-text-primary);
+    margin-bottom: 4px;
+}
+
 @media (max-width: 480px) {
     body {
         --w-screen: 16px;