[DE mobile] Fix Bug 62978

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>

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;
+}
+
 
 
 

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;