comment

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

@@ -18,11 +18,11 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div
-          className="card-header py-3 d-flex justify-content-between"
+          className="card-header font-weight-normal py-3 d-flex justify-content-between"
           role="button"
           onClick={() => onToggleAccordionHandler(0)}
         >
-          <p className="mb-0 text-primary">{`① ${t('slack_integration.without_proxy.create_bot')}`}</p>
+          <p className="mb-0 text-primary">①<span className="ml-2">{t('slack_integration.without_proxy.create_bot')}</span></p>
           {currentlyOpenAccordionIndex === 0
             ? <i className="fa fa-chevron-up" />
             : <i className="fa fa-chevron-down" />
@@ -39,6 +39,7 @@ const CustomBotWithoutSettingsAccordion = () => {
                     <i className="fa fa-external-link ml-2" aria-hidden="true" />
                   </button>
                 </div>
+                {/* TODO: Insert DOCS link */}
                 <a href="#">
                   <p className="text-center mt-1">
                     <small>
@@ -55,11 +56,11 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div
-          className="card-header py-3 d-flex justify-content-between"
+          className="card-header font-weight-normal py-3 d-flex justify-content-between"
           role="button"
           onClick={() => onToggleAccordionHandler(1)}
         >
-          <p className="mb-0 text-primary">{`② ${t('slack_integration.without_proxy.install_bot_to_slack')}`}</p>
+          <p className="mb-0 text-primary">②<span className="ml-2">{t('slack_integration.without_proxy.install_bot_to_slack')}</span></p>
           {currentlyOpenAccordionIndex === 1
             ? <i className="fa fa-chevron-up" />
             : <i className="fa fa-chevron-down" />
@@ -74,11 +75,11 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div
-          className="card-header py-3 d-flex justify-content-between"
+          className="card-header font-weight-normal py-3 d-flex justify-content-between"
           role="button"
           onClick={() => onToggleAccordionHandler(2)}
         >
-          <p className="mb-0 text-primary">{`③ ${t('slack_integration.without_proxy.register_secret_and_token')}`}</p>
+          <p className="mb-0 text-primary">③<span className="ml-2">{t('slack_integration.without_proxy.register_secret_and_token')}</span></p>
           {currentlyOpenAccordionIndex === 2
             ? <i className="fa fa-chevron-up" />
             : <i className="fa fa-chevron-down" />
@@ -93,11 +94,11 @@ const CustomBotWithoutSettingsAccordion = () => {
 
       <div className="card border-0 rounded-lg mb-0">
         <div
-          className="card-header py-3 d-flex justify-content-between"
+          className="card-header font-weight-normal py-3 d-flex justify-content-between"
           role="button"
           onClick={() => onToggleAccordionHandler(3)}
         >
-          <p className="mb-0 text-primary">{`④ ${t('slack_integration.without_proxy.test_connection')}`}</p>
+          <p className="mb-0 text-primary">④<span className="ml-2">{t('slack_integration.without_proxy.test_connection')}</span></p>
           {currentlyOpenAccordionIndex === 3
             ? <i className="fa fa-chevron-up" />
             : <i className="fa fa-chevron-down" />