From 273ef21d44c92f4751971bbab72090641a355fac Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 28 Jan 2021 13:27:56 +0300
Subject: [PATCH] [DE mobile] refactoring

---
 .../src/view/settings/ApplicationSettings.jsx   | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
index 9a3a800600..9561950344 100644
--- a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -39,8 +39,7 @@ const PageApplicationSettings = props => {
                                   onChange={() => changeMeasureSettings(2)}></ListItem>
                     </List>
                     <List>
-                        <ListItem>
-                            <span>{_t.textSpellcheck}</span>
+                        <ListItem title={_t.textSpellcheck}>
                             <Toggle checked={isSpellChecking}
                                     onChange={() => {
                                         store.changeSpellCheck(!isSpellChecking);
@@ -50,8 +49,7 @@ const PageApplicationSettings = props => {
                         </ListItem>
                     </List>
                     <List>
-                        <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
-                            <span>{_t.textNoCharacters}</span>
+                        <ListItem title={_t.textNoCharacters}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
                             <Toggle checked={isNonprintingCharacters}
                                     onChange={() => {
                                         store.changeNoCharacters(!isNonprintingCharacters);
@@ -59,8 +57,7 @@ const PageApplicationSettings = props => {
                                     }}
                             />
                         </ListItem>
-                        <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
-                            <span>{_t.textHiddenTableBorders}</span>
+                        <ListItem title={_t.textHiddenTableBorders}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
                             <Toggle checked={isHiddenTableBorders}
                                     onChange={() => {
                                         store.changeShowTableEmptyLine(!isHiddenTableBorders);
@@ -73,17 +70,15 @@ const PageApplicationSettings = props => {
             }
             <BlockTitle>{_t.textCommentsDisplay}</BlockTitle>
             <List>
-                <ListItem>
-                    <span>{_t.textComments}</span>
-                    <Toggle checked={isComments} 
+                <ListItem title={_t.textComments}>
+                    <Toggle checked={isComments}
                         onChange={() => {
                             store.changeDisplayComments(!isComments);
                             props.switchDisplayComments(!isComments);
                         }}
                     />
                 </ListItem>
-                <ListItem>
-                    <span>{_t.textResolvedComments}</span>
+                <ListItem title={_t.textResolvedComments}>
                     <Toggle checked={isResolvedComments} disabled={!isComments}
                         onChange={() => {
                             store.changeDisplayResolved(!isResolvedComments);