From 4f75b94d886d55b93c8a5d1a9d6467539594ed1a Mon Sep 17 00:00:00 2001
From: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Date: Mon, 1 Nov 2021 14:25:43 +0530
Subject: [PATCH] mobile view improvement added (#1093)

* mobile view improvement added

* improved max-w
---
 pages/integrations/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/integrations/index.tsx b/pages/integrations/index.tsx
index c74342207d..99266b942b 100644
--- a/pages/integrations/index.tsx
+++ b/pages/integrations/index.tsx
@@ -50,18 +50,18 @@ function WebhookListItem(props: { webhook: TWebhook; onEditWebhook: () => void }
   return (
     <ListItem className="flex w-full p-4">
       <div className="flex justify-between w-full">
-        <div className="flex flex-col">
-          <div className="inline-block space-y-1">
+        <div className="flex flex-col max-w-full truncate">
+          <div className="flex space-y-1">
             <span
               className={classNames(
-                "flex text-sm ",
+                "text-sm truncate",
                 props.webhook.active ? "text-neutral-700" : "text-neutral-200"
               )}>
               {props.webhook.subscriberUrl}
             </span>
           </div>
           <div className="flex mt-2">
-            <span className="flex space-x-2 text-xs">
+            <span className="flex flex-col space-y-1 text-xs sm:flex-row sm:space-x-2">
               {props.webhook.eventTriggers.map((eventTrigger, ind) => (
                 <span
                   key={ind}