From 158394342fbf9efe021585eef4f77cfa5d69a0f5 Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Tue, 19 Apr 2022 20:00:15 +0400
Subject: [PATCH] [SSE mobile] Add rtl styles

---
 apps/common/mobile/resources/less/common.rtl.less | 5 +++++
 apps/spreadsheeteditor/mobile/src/app.js          | 3 ++-
 apps/spreadsheeteditor/mobile/src/less/app.less   | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/common/mobile/resources/less/common.rtl.less b/apps/common/mobile/resources/less/common.rtl.less
index 7ccad3483..3b1173096 100644
--- a/apps/common/mobile/resources/less/common.rtl.less
+++ b/apps/common/mobile/resources/less/common.rtl.less
@@ -117,6 +117,7 @@
 
     .list li.no-indicator .item-link .item-inner {
         padding-right: 0;
+        padding-left: 15px;
     }
 
     .numbers, .bullets, .multilevels {
@@ -174,6 +175,10 @@
     .wrap-comment {
         padding: 16px 16px 0 24px;
     }
+
+    .inline-labels .item-label + .item-input-wrap, .inline-label .item-label + .item-input-wrap, .inline-labels .item-floating-label + .item-input-wrap, .inline-label .item-floating-label + .item-input-wrap {
+        margin-right: 0;
+    }
 }
 
 @media (max-width: 550px) {
diff --git a/apps/spreadsheeteditor/mobile/src/app.js b/apps/spreadsheeteditor/mobile/src/app.js
index 923799f29..108b38365 100644
--- a/apps/spreadsheeteditor/mobile/src/app.js
+++ b/apps/spreadsheeteditor/mobile/src/app.js
@@ -15,7 +15,8 @@ window.jQuery = jQuery;
 window.$ = jQuery;
 
 // Import Framework7 Styles
-import 'framework7/framework7-bundle.css';
+// import 'framework7/framework7-bundle.css';
+import 'framework7/framework7-bundle-rtl.css';
 
 // Import App Custom Styles
 import './less/app.less';
diff --git a/apps/spreadsheeteditor/mobile/src/less/app.less b/apps/spreadsheeteditor/mobile/src/less/app.less
index 0565ce531..5fb35b344 100644
--- a/apps/spreadsheeteditor/mobile/src/less/app.less
+++ b/apps/spreadsheeteditor/mobile/src/less/app.less
@@ -3,6 +3,7 @@
 @import '../../../../common/mobile/resources/less/_mixins.less';
 @import '../../../../common/mobile/resources/less/colors-table.less';
 @import '../../../../common/mobile/resources/less/colors-table-dark.less';
+@import './app.rtl.less';
 
 // @themeColor: #40865c;
 @brandColor: var(--brand-cell);