From 4f93049e2b424e8d596fc34fbfe0a2d4c721d632 Mon Sep 17 00:00:00 2001
From: Aleksandr Lushkin <aleksandr.lushkin@onlyoffice.com>
Date: Tue, 18 Jul 2023 18:10:43 +0200
Subject: [PATCH] Web: Client: Adapt ReactSmartBanner to RTL interface

---
 packages/client/src/components/SmartBanner/main.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/SmartBanner/main.css b/packages/client/src/components/SmartBanner/main.css
index 9cebd8aa6d..c9629a3334 100644
--- a/packages/client/src/components/SmartBanner/main.css
+++ b/packages/client/src/components/SmartBanner/main.css
@@ -8,7 +8,7 @@
   display: block;
 }
 .smartbanner {
-  left: 0;
+  inset-inline-start: 0;
   display: none;
   width: 100%;
   height: 80px;
@@ -35,7 +35,8 @@
 .smartbanner-close {
   display: inline-block;
   vertical-align: middle;
-  margin: 0 5px 0 0;
+  margin-block: 0;
+  margin-inline: 0 5px;
   font-family: ArialRoundedMTBold, Arial;
   font-size: 20px;
   text-align: center;
@@ -54,7 +55,7 @@
 .smartbanner-icon {
   width: 57px;
   height: 57px;
-  margin-right: 12px;
+  margin-inline-end: 12px;
   background-size: cover;
   border-radius: 10px;
 }
@@ -73,7 +74,7 @@
 .smartbanner-wrapper {
   max-width: 110px;
   display: inline-block;
-  text-align: right;
+  text-align: end;
   width: 100%;
 }
 .smartbanner-title {
@@ -165,7 +166,7 @@
   width: 100%;
   height: 17px;
   line-height: 17px;
-  margin-right: 7px;
+  margin-inline-end: 7px;
   color: #b1b1b3;
   background: #1c1e21;
   text-shadow: 0 1px 1px #000;