Rewrite some localization. Move typo highlighting label to the left.

src/Localization.js

@@ -3,14 +3,13 @@ import LocalizedStrings from 'react-localization'
 export const i18n = new LocalizedStrings({
     ru: {
         modalTitle:                 "Система исправления опечаток Etersoft",
-        modalInfo:                  "Пожалуйста, введите исправленный вариант и комментарий (необязательно) " +
-                                    "для отправки отчёта об опечатке на сервер",
-        modalCorrectLabel:          "Исправленный вариант",
+        modalInfo:                  "Отредактируйте Ваш вариант текста",
+        modalCorrectLabel:          "Ваш вариант",
         modalCorrectHelp:           "Модераторы проверят исправления и внесут поправки в текст",
-        modalTypoLabel:             "Текст с ошибкой",
+        modalTypoLabel:             "Выделенный текст",
         modalCommentPlaceholder:    `Например, "опечатка"`,
-        modalCommentLabel:          "Пояснения к исправлению",
-        errorSelectionLength:       "Опечатка должна быть длиной от {0} до {1} символов",  
+        modalCommentLabel:          "Пояснения к исправлению (необязательно)",
+        errorSelectionLength:       "Длина выделенного текста должна быть от {0} до {1} символов",
         errorCorrectLength:         "Исправление должно быть длиной от {0} до {1} символов",
         errorDoesNotDistinct:       "Исправленный вариант идентичен исходному",
         errorTooOften:              "Вы отправляете исправления слишком часто",
@@ -19,21 +18,20 @@ export const i18n = new LocalizedStrings({
         messageSuccess:             "Благодарим за отправку опечатки. Мы уже работаем над её исправлением!",
         errorFormContainsErrors:    "Форма отправки содержит ошибки!",
         errorSendFailture:          "Не удалось отправить исправление. Мы уже работаем над решением проблемы!",
-        typoHighlightingEnable:     "Включить подсветку ошибок",
+        typoHighlightingEnable:     "Проверка правописания на странице",
         typoHighlightingEnabled:    "Подсветка опечаток на странице включена",
         typoHighlightingDisabled:   "Подсветка опечаток на странице выключена",
     },
     en: {
         modalTitle:                 "Typo correction system Etersoft",
-        modalInfo:                  "Please, type in a correct variant to the input field bellow and optional commentary. Than press the send button " +
-                                    "to send the correction to the server.",
-        modalCorrectLabel:          "Corrected text",
-        modalCorrectHelp:           "Moderators will check your proposal corretion and fix it!",
-        modalTypoLabel:             "The typo",
+        modalInfo:                  "Edit your variant of the text",
+        modalCorrectLabel:          "Your variant",
+        modalCorrectHelp:           "Moderators will check your proposal correction and fix it!",
+        modalTypoLabel:             "Selected text",
         modalCommentPlaceholder:    `"A typo", for example`,
-        modalCommentLabel:          "Commentary",
+        modalCommentLabel:          "Comment (optional)",
         errorSelectionLength:       "The text length must be in range ({0}-{1})",  
-        errorCorrectLength:         "The corrected text length must be in range ({0}-{1})",
+        errorCorrectLength:         "The selected text length must be in range ({0}-{1})",
         errorDoesNotDistinct:       "The original and corrected text are the same",
         errorTooOften:              "You are sending correction requests too often",
         close:                      "Close",
@@ -41,7 +39,7 @@ export const i18n = new LocalizedStrings({
         messageSuccess:             "Thank you for a typo submitting! We are already working on this report!",
         errorFormContainsErrors:    "The form contains errors!",
         errorSendFailture:          "Failed to send request. We are fixing a problem!",
-        typoHighlightingEnable:     "Typo highlighting on page",
+        typoHighlightingEnable:     "Typo highlighting on this page",
         typoHighlightingEnabled:    "Typo highlighting enabled on this page",
         typoHighlightingDisabled:   "Typo highlighting disabled on this page",
     }

src/Modal/Modal.css

@@ -18,4 +18,10 @@
 
 .lang-switcher {
   float: left;
+}
+
+.typo-highlighting-checkbox {
+  float: left;
+  width: 100%;
+  text-align: left;
 }
\ No newline at end of file

src/Modal/index.js

@@ -225,10 +225,11 @@ class TypoModal extends Component {
         </Modal.Body>
 
         <Modal.Footer>
-          <Checkbox onChange={this.onContentEditableCheckboxChanged} checked={this.state.contentEditable}>
+          <Checkbox className="typo-highlighting-checkbox" onChange={this.onContentEditableCheckboxChanged}
+                    checked={this.state.contentEditable}>
             {i18n.typoHighlightingEnable}
           </Checkbox>
-          <LangSwitcher activeLanguage={this.state.language} onLangChanged={this.onLangChanged} languages={this.languages}></LangSwitcher>
+          <LangSwitcher activeLanguage={this.state.language} onLangChanged={this.onLangChanged} languages={this.languages}/>
 
           <Button onClick={this.handleClose}>{i18n.close}</Button>
           <Button onClick={this.submitTypo} bsStyle="primary">{i18n.saveChanges}</Button>