From ff9d705b52a7fc012ffb1453174ee35fdf7cb59e Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Sun, 23 Jul 2023 20:39:16 +0300
Subject: [PATCH] [DE mobile] Fix Bug 62978

---
 .../mobile/lib/view/collaboration/Review.jsx   | 18 +++++++++---------
 apps/common/mobile/resources/less/common.less  |  5 +++++
 apps/documenteditor/mobile/src/less/app.less   |  6 +++---
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/apps/common/mobile/lib/view/collaboration/Review.jsx b/apps/common/mobile/lib/view/collaboration/Review.jsx
index 5d6b9d6904..39d9763817 100644
--- a/apps/common/mobile/lib/view/collaboration/Review.jsx
+++ b/apps/common/mobile/lib/view/collaboration/Review.jsx
@@ -116,30 +116,30 @@ const PageReviewChange = inject("storeAppOptions")(observer(props => {
         <Page className='page-review'>
             <Navbar title={_t.textReviewChange} backLink={!props.noBack && _t.textBack}>
                 {Device.phone &&
-                <NavRight>
-                    <Link sheetClose=".coauth__sheet">
-                        <Icon icon='icon-expand-down'/>
-                    </Link>
-                </NavRight>
+                    <NavRight>
+                        <Link sheetClose=".coauth__sheet">
+                            <Icon icon='icon-expand-down'/>
+                        </Link>
+                    </NavRight>
                 }
             </Navbar>
             <Toolbar position='bottom'>
                 <span className='change-buttons row'>
-                    {!props.isReviewOnly &&
+                    {(!props.isReviewOnly && !isProtected) &&
                         <span className='accept-reject row'>
                             <Link id='btn-accept-change'
                                   href='#'
-                                  className={(isLockAcceptReject || isProtected) && 'disabled'}
+                                  className={(isLockAcceptReject) && 'disabled'}
                                   onClick={() => {props.onAcceptCurrentChange()}}
                             >{_t.textAccept}</Link>
                             <Link id='btn-reject-change'
                                   href='#'
-                                  className={(isLockAcceptReject || isProtected) && 'disabled'}
+                                  className={(isLockAcceptReject) && 'disabled'}
                                   onClick={() => {props.onRejectCurrentChange()}}
                             >{_t.textReject}</Link>
                         </span>
                     }
-                    {props.isReviewOnly && change && change.editable &&
+                    {!props.isReviewOnly && change && change?.editable &&
                         <span className='delete'>
                             <Link href='#' id="btn-delete-change" onClick={() => {props.onDeleteChange()}}>{_t.textDelete}</Link>
                         </span>
diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 91e97c2777..c8277582f1 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -1166,6 +1166,11 @@ input[type="number"]::-webkit-inner-spin-button {
     }
 }
 
+// Review change
+.accept-reject .link {
+    margin-right: 20px;
+}
+
 
 
 
diff --git a/apps/documenteditor/mobile/src/less/app.less b/apps/documenteditor/mobile/src/less/app.less
index 41f7cfb42d..d4776ed112 100644
--- a/apps/documenteditor/mobile/src/less/app.less
+++ b/apps/documenteditor/mobile/src/less/app.less
@@ -83,16 +83,16 @@
 // Review
 .page-review {
     --f7-toolbar-link-color: @brandColor;
+    
     .toolbar {
         background-color: @background-secondary;
         box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
         position: absolute;
-        #btn-reject-change {
-            margin-left: 20px;
-        }
+
         #btn-goto-change {
             margin-left: 10px;
         }
+
         .next-prev {
             .link {
                 width: 44px;