change text size "with proxy"

resource/locales/ja_JP/admin/admin.json

@@ -257,9 +257,9 @@
       "detailed_explanation": "詳しい説明はこちら",
       "selecting_bot_type": "・Botタイプを選択する",
       "official_bot": "Official bot",
-      "custom_bot_without_proxy": "Custom bot without proxy",
-      "custom_bot_with_proxy": "Custom bot with proxy",
-
+      "custom_bot": "Custom bot",
+      "without_proxy": "without proxy",
+      "with_proxy": "with proxy",
       "recommended": "おすすめ",
       "for_beginners": "- 初心者向け -",
       "for_intermediate": "- 中級者向け -",

src/client/js/components/Admin/SlackIntegration/SlackIntegration.jsx

@@ -182,9 +182,12 @@ const SlackIntegration = (props) => {
               className={`card admin-bot-card mx-3 rounded shadow ${currentBotType === 'custom-bot-without-proxy' && 'border-primary'}`}
               onClick={() => handleBotTypeSelect('custom-bot-without-proxy')}
             >
-              <h3 className={`card-header mb-0 py-3 text-center   ${currentBotType === 'custom-bot-without-proxy' && 'bg-primary text-light'}`}>
+              <h3 className={`card-header mb-0 py-3 text-center text-nowrap  ${currentBotType === 'custom-bot-without-proxy' && 'bg-primary text-light'}`}>
                 <span className="mr-2">
-                  {t('admin:slack_integration.selecting_bot_types.custom_bot_without_proxy')}
+                  {t('admin:slack_integration.selecting_bot_types.custom_bot')}
+                </span>
+                <span className="supplementary-desc mr-2">
+                  {t('admin:slack_integration.selecting_bot_types.without_proxy')}
                 </span>
                 <i
                   className={`fa fa-external-link btn-link ${currentBotType === 'custom-bot-without-proxy' && 'bg-primary text-light'}`}
@@ -219,9 +222,12 @@ const SlackIntegration = (props) => {
               className={`card admin-bot-card mx-3 rounded shadow ${currentBotType === 'custom-bot-with-proxy' && 'border-primary'}`}
               onClick={() => handleBotTypeSelect('custom-bot-with-proxy')}
             >
-              <h3 className={`card-header mb-0 py-3 text-center ${currentBotType === 'custom-bot-with-proxy' && 'bg-primary text-light'}`}>
+              <h3 className={`card-header mb-0 py-3 text-center text-nowrap ${currentBotType === 'custom-bot-with-proxy' && 'bg-primary text-light'}`}>
                 <span className="mr-2">
-                  {t('admin:slack_integration.selecting_bot_types.custom_bot_with_proxy')}
+                  {t('admin:slack_integration.selecting_bot_types.custom_bot')}
+                </span>
+                <span className="supplementary-desc mr-2">
+                  {t('admin:slack_integration.selecting_bot_types.with_proxy')}
                 </span>
                 <i className={`fa fa-external-link btn-link ${currentBotType === 'custom-bot-with-proxy' && 'bg-primary text-light'}`} aria-hidden="true"></i>
               </h3>