update circle

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

@@ -23,9 +23,8 @@ const CustomBotWithProxyIntegrationCard = () => {
           />
           <div className="row m-0">
             <hr className="align-self-center admin-border-danger border-danger col"></hr>
-            <div className="circle text-center bg-primary border-light">
-              <p className="text-light font-weight-bold m-0 pt-3">Proxy</p>
-              <p className="text-light font-weight-bold">Server</p>
+            <div className="circle bg-primary border-light">
+              <p className="circle-inner text-light font-weight-bold">Proxy Server</p>
             </div>
             <hr className="align-self-center admin-border-danger border-danger col"></hr>
           </div>

src/client/styles/scss/_admin.scss

@@ -131,11 +131,21 @@ $slack-work-space-name-card-border: #efc1f6;
       border-width: 3px;
     }
     .circle {
+      position: relative;
       width: 100px;
       height: 100px;
+      margin: 0 auto;
+      text-align: center;
       border: 13px solid;
       border-radius: 50%;
     }
+    .circle-inner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -webkit-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+    }
     .slack-work-space-name-card {
       background-color: $slack-work-space-name-card-background;
       border: 1px solid $slack-work-space-name-card-border;