WIP responsive cards

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

@@ -35,7 +35,7 @@ const BotTypeCard = (props) => {
   return (
 
     <div
-      className={`card m-3 admin-bot-card rounded border-radius-sm shadow ${props.isActive ? 'border-primary' : ''}`}
+      className={`card m-3 col-sm b-0 admin-bot-card rounded border-radius-sm shadow ${props.isActive ? 'border-primary' : ''}`}
       onClick={() => props.handleBotTypeSelect(botDetails[props.botType].botType)}
       role="button"
       key={props.botType}

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

@@ -143,8 +143,8 @@ const SlackIntegration = (props) => {
 
         {t('admin:slack_integration.selecting_bot_types.selecting_bot_type')}
 
-        <div className="row my-4">
-          <div className="card-deck mx-auto justify-content-center">
+        <div className="my-4">
+          <div className="row mx-auto justify-content-center">
             {botTypes.map((botType) => {
               return (
                 <BotTypeCard

src/client/styles/scss/_admin.scss

@@ -101,7 +101,7 @@ $slack-work-space-name-card-border: #efc1f6;
     }
     .admin-bot-card {
       min-width: 280px;
-      max-width: 400px;
+      max-width: 500px;
       border-radius: 8px !important;
     }
     .border-primary {