From dbd72e6bbf1aa4e26e2f509dce9bcc57954e177b Mon Sep 17 00:00:00 2001
From: James Ritchie <james@jamesritchie.co.uk>
Date: Thu, 29 Jun 2023 10:40:26 +0100
Subject: [PATCH] =?UTF-8?q?Added=20some=20margin=20to=20the=20bottom=20of?=
 =?UTF-8?q?=20the=20scopes=20list=20so=20it=20doesn=E2=80=99t=20crop=20the?=
 =?UTF-8?q?=20last=20entries?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/components/integrations/ConnectToOAuthForm.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/webapp/app/components/integrations/ConnectToOAuthForm.tsx b/apps/webapp/app/components/integrations/ConnectToOAuthForm.tsx
index 558a12f8a..709bf600d 100644
--- a/apps/webapp/app/components/integrations/ConnectToOAuthForm.tsx
+++ b/apps/webapp/app/components/integrations/ConnectToOAuthForm.tsx
@@ -1,9 +1,11 @@
 import { conform, useForm } from "@conform-to/react";
 import { parse } from "@conform-to/zod";
 import { useFetcher, useLocation, useNavigation } from "@remix-run/react";
+import type { ConnectionType } from "@trigger.dev/database";
 import cuid from "cuid";
 import { useState } from "react";
 import simplur from "simplur";
+import { useFeatures } from "~/hooks/useFeatures";
 import { useTextFilter } from "~/hooks/useTextFilter";
 import { createSchema } from "~/routes/resources.connection.$organizationId.oauth2";
 import {
@@ -18,15 +20,11 @@ import { Checkbox } from "../primitives/Checkbox";
 import { Fieldset } from "../primitives/Fieldset";
 import { FormError } from "../primitives/FormError";
 import { Header2, Header3 } from "../primitives/Headers";
+import { Hint } from "../primitives/Hint";
 import { Input } from "../primitives/Input";
 import { InputGroup } from "../primitives/InputGroup";
 import { Label } from "../primitives/Label";
-import { NamedIcon } from "../primitives/NamedIcon";
 import { Paragraph } from "../primitives/Paragraph";
-import type { ConnectionType } from "@trigger.dev/database";
-import { useFeatures } from "~/hooks/useFeatures";
-import { Hint } from "../primitives/Hint";
-import { InlineCode } from "../code/InlineCode";
 
 export type Status = "loading" | "idle";
 
@@ -222,7 +220,7 @@ export function ConnectToOAuthForm({
             value={filterText}
             onChange={(e) => setFilterText(e.target.value)}
           />
-          <div className="flex flex-col gap-y-0.5 overflow-hidden rounded-md">
+          <div className="mb-28 flex flex-col gap-y-0.5 overflow-hidden rounded-md">
             {filteredItems.length === 0 && (
               <Paragraph variant="small" className="p-4">
                 No scopes match {filterText}. Try a different search query.