SUPPORT-8615

frontend/home.html

@@ -16,10 +16,8 @@
 	<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 class="plain-text text-header">Установите браузер</div>
+				<div class="plain-text">Для обеспечения защищённого соединения с сайтом реестра повесток необходимо установить браузер Яндекс или Chromium GOST.</div>
 			</div>
 		</div>
 	</div>

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;	

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;