From 52fe3ab37acba9d403205c77ad552a888a3af96f Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 21 Feb 2023 17:48:14 +0100
Subject: [PATCH] change(ui) - integration items gap

---
 frontend/app/components/Client/Integrations/IntegrationItem.tsx | 2 +-
 frontend/app/components/Client/Integrations/Integrations.tsx    | 2 +-
 .../components/Client/Integrations/integrationItem.module.css   | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Client/Integrations/IntegrationItem.tsx b/frontend/app/components/Client/Integrations/IntegrationItem.tsx
index 06e950ae6..efcdefd8a 100644
--- a/frontend/app/components/Client/Integrations/IntegrationItem.tsx
+++ b/frontend/app/components/Client/Integrations/IntegrationItem.tsx
@@ -13,7 +13,7 @@ interface Props {
 const IntegrationItem = (props: Props) => {
     const { integration, integrated, hide = false } = props;
     return hide ? <></> : (
-        <div className={cn(stl.wrapper, 'mb-4', { [stl.integrated]: integrated })} onClick={(e) => props.onClick(e)}>
+        <div className={cn(stl.wrapper, { [stl.integrated]: integrated })} onClick={(e) => props.onClick(e)}>
             {integrated && (
                 <div className="m-2 absolute right-0 top-0 h-4 w-4 rounded-full bg-teal flex items-center justify-center">
                     <Tooltip title="Integrated" delay={0}>
diff --git a/frontend/app/components/Client/Integrations/Integrations.tsx b/frontend/app/components/Client/Integrations/Integrations.tsx
index f1851f919..30d901dcf 100644
--- a/frontend/app/components/Client/Integrations/Integrations.tsx
+++ b/frontend/app/components/Client/Integrations/Integrations.tsx
@@ -99,7 +99,7 @@ function Integrations(props: Props) {
           </div>
           <div className="">{cat.description}</div>
 
-          <div className="flex flex-wrap mt-4">
+          <div className="flex flex-wrap mt-4 gap-3">
             {cat.integrations.map((integration: any) => (
               <React.Fragment key={integration.slug}>
                 <Tooltip
diff --git a/frontend/app/components/Client/Integrations/integrationItem.module.css b/frontend/app/components/Client/Integrations/integrationItem.module.css
index fca162909..72b3be522 100644
--- a/frontend/app/components/Client/Integrations/integrationItem.module.css
+++ b/frontend/app/components/Client/Integrations/integrationItem.module.css
@@ -1,7 +1,6 @@
 .wrapper {
   border-radius: 3px;  
   /* border: solid thin $gray-light-shade; */
-  margin-right: 10px;
   padding: 20px;
   cursor: pointer;
   width: 130px;