added some words in translation.json and changedsome sentences' position

resource/locales/ja/translation.json

@@ -553,9 +553,9 @@
     "pattern_desc": "Wiki のパス名。 パスには <code>*</code> を使用できます。",
     "channel_desc": "<code>#</code> を除いた Slack チャンネル名",
     "valid_page": "通知が有効になるページ",
-    "link_notification": "<strong>linkを知っている人のみ閲覧できるページ</strong>は常に通知がされません。",
-    "only_me_notification": "'自分のみ'に閲覧制限をしているページに何かしらの変更を加えた際に通知がされます。",
-    "group_notification": "'特定グループにのみ'に閲覧制限をしているページに何かしらの変更を加えた際に通知がされます。",
+    "link_notification_help": "<strong>linkを知っている人のみ閲覧できるページ</strong>は常に通知がされません。",
+    "just_me_notification_help": "<strong>'自分のみ'に閲覧制限をしているページ</strong>に何かしらの変更を加えた際に通知がされます。",
+    "group_notification_help": "<strong>'特定グループにのみ'に閲覧制限をしているページ</strong>に何かしらの変更を加えた際に通知がされます。",
     "notification_list": "通知設定の一覧",
     "add_notification": "通知設定の追加",
     "trigger_path": "トリガーパス",

src/client/js/components/Admin/Notification/GlobalNotification.jsx

@@ -45,22 +45,23 @@ class GlobalNotification extends React.Component {
         <h2 className="border-bottom">{t('notification_setting.valid_page')}</h2>
 
         <p className="well">
+
+          {/* eslint-disable-next-line react/no-danger */}
           <span dangerouslySetInnerHTML={{ __html: t('notification_setting.link_notification_help') }} />
         </p>
 
         {/* TODO GW-1279 add checkbox for display isNotificationForOwnerPageEnabled */}
         <div className="row mb-4 d-flex align-items-center">
-          <strong className="col-xs-3 text-right">
-            {t('Just me')}
-          </strong>
-          <div className="col-xs-8 text-left">
+          <div className="col-md-8 col-md-offset-2">
             <div className="checkbox checkbox-success">
               <input
                 id="isShowRestrictedByOwner"
                 type="checkbox"
               />
               <label htmlFor="isShowRestrictedByOwner">
-                {t('notification_setting.only_me_notification')}
+                {/* eslint-disable-next-line react/no-danger */}
+                <span dangerouslySetInnerHTML={{ __html: t('notification_setting.just_me_notification_help') }} />
+
               </label>
             </div>
           </div>
@@ -69,17 +70,15 @@ class GlobalNotification extends React.Component {
 
         {/* TODO GW-1279 add checkbox for display isNotificationForGroupPageEnabled */}
         <div className="row mb-4 d-flex align-items-center">
-          <strong className="col-xs-3 text-right">
-            {t('Only inside the group')}
-          </strong>
-          <div className="col-xs-8 text-left">
+          <div className="col-md-8 col-md-offset-2">
             <div className="checkbox checkbox-success">
               <input
                 id="isShowRestrictedByGroup"
                 type="checkbox"
               />
               <label htmlFor="isShowRestrictedByGroup">
-                {t('notification_setting.group_notification')}
+                {/* eslint-disable-next-line react/no-danger */}
+                <span dangerouslySetInnerHTML={{ __html: t('notification_setting.group_notification_help') }} />
               </label>
             </div>
           </div>