add margin bottom for each text

resource/locales/ja_JP/admin/admin.json

@@ -252,9 +252,9 @@
   },
   "slack_integration": {
     "selecting_bot_types": {
-      "for_beginners": "初心者向け",
-      "for_intermediate": "中級者向け",
-      "for_advanced": "上級者向け",
+      "for_beginners": "- 初心者向け -",
+      "for_intermediate": "- 中級者向け -",
+      "for_advanced": "- 上級者向け -",
       "set_up_to_take_time": "セットアップの手間",
       "integration_to_multi_workspaces": "複数ワークスペースとの連携",
       "security_control": "セキュリティコントロール"

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

@@ -129,10 +129,20 @@ const SlackIntegration = (props) => {
             </div>
             <div className="card-body">
               <p className="card-text">
-                {t('admin:slack_integration.selecting_bot_types.for_beginners')}<br />
-                {t('admin:slack_integration.selecting_bot_types.set_up_to_take_time')}<br />
-                {t('admin:slack_integration.selecting_bot_types.integration_to_multi_workspaces')}<br />
-                {t('admin:slack_integration.selecting_bot_types.security_control')}
+                <div className="text-center">
+                  {t('admin:slack_integration.selecting_bot_types.for_beginners')}
+                </div>
+                <div className="mt-4">
+                  <div className="mb-2">
+                    {t('admin:slack_integration.selecting_bot_types.set_up_to_take_time')}
+                  </div>
+                  <div className="mb-2">
+                    {t('admin:slack_integration.selecting_bot_types.integration_to_multi_workspaces')}
+                  </div>
+                  <div className="mb-2">
+                    {t('admin:slack_integration.selecting_bot_types.security_control')}
+                  </div>
+                </div>
               </p>
             </div>
           </div>