From de63d3b6f4ac10043dd3a2f4ce32dd06d5d45a2c Mon Sep 17 00:00:00 2001
From: James Ritchie <james@jamesritchie.co.uk>
Date: Sat, 17 Dec 2022 12:01:28 +0000
Subject: [PATCH] Integration buttons now flex-wrap to infinity

---
 .../$organizationSlug/__org/integrations.tsx   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/integrations.tsx b/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/integrations.tsx
index d0c388755..1e5b6675a 100644
--- a/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/integrations.tsx
+++ b/apps/webapp/app/routes/__app/orgs/$organizationSlug/__org/integrations.tsx
@@ -16,8 +16,6 @@ import {
 } from "~/routes/resources/integration/connect";
 import { requireUserId } from "~/services/session.server";
 import logoGithub from "~/assets/images/integrations/logo-github.png";
-import logoTrello from "~/assets/images/integrations/logo-trello.png";
-import logoAirtable from "~/assets/images/integrations/logo-airtable.png";
 import { ArrowsRightLeftIcon } from "@heroicons/react/24/outline";
 
 export const loader = async ({ request, params }: LoaderArgs) => {
@@ -86,13 +84,15 @@ export default function Integrations() {
         <Header2 size="small" className="mb-2 text-slate-400">
           Add an integration
         </Header2>
-        {integrations.map((integration) => (
-          <ConnectButton
-            key={integration.key}
-            integration={integration}
-            organizationId={organization.id}
-          />
-        ))}
+        <div className="flex flex-wrap gap-2 w-full">
+          {integrations.map((integration) => (
+            <ConnectButton
+              key={integration.key}
+              integration={integration}
+              organizationId={organization.id}
+            />
+          ))}
+        </div>
       </div>
     </Container>
   );