improved responsive

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

@@ -40,7 +40,7 @@ const CustomBotWithProxyConnectionStatus = (props) => {
           <a className="icon-fw fa fa-repeat float-md-right ml-2 mr-sm-3 fa-sm-lg"></a>
         </h5>
         <div className="card-body text-center">
-          <div className="my-5 border p-2 mx-md-3 bg-primary text-light">
+          <div className="mx-md-3 my-4 my-lg-5 p-2 border bg-primary text-light">
             {siteName}
           </div>
         </div>

src/client/styles/scss/_admin.scss

@@ -156,7 +156,7 @@ $slack-work-space-name-card-border: #efc1f6;
         transform: translate(-50%, -50%);
       }
       .circle-inner.grw-proxy-server-name {
-        margin-top: 60px;
+        margin-top: 55px;
       }
     }
 
@@ -172,7 +172,10 @@ $slack-work-space-name-card-border: #efc1f6;
           @extend .mt-0;
         }
         .hr-container {
-          margin-top: 65px;
+          margin-top: 40px;
+          @include media-breakpoint-up(lg) {
+            margin-top: 65px;
+          }
         }
       }
     }