Fix alignment issues (#4495)

* fix: spacing issue in externalRedirectUrl text input

* fix: remove unnecessary margin from appcard

* fix: center align switch

* fix: alignment in widget text field

* Update packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx

Co-authored-by: Alex van Andel <me@alexvanandel.com>
Co-authored-by: Leo Giovanetti <hello@leog.me>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Hariom Balhara <hariombalhara@gmail.com>

apps/web/components/v2/eventtype/EventAppsTab.tsx

@@ -27,13 +27,13 @@ const AppCard = ({
 }) => {
   return (
     <div className="mb-4 rounded-md border border-gray-200 p-8">
-      <div className="mb-6 flex w-full">
+      <div className="flex w-full">
         <img src={logo} alt={name} className="mr-3 h-auto w-[42px] rounded-sm" />
         <div className="flex flex-col">
           <span className="font-semibold leading-none text-black">{name}</span>
           <p className="pt-2 text-sm font-normal text-gray-600">{description}</p>
         </div>
-        <div className="ml-auto">
+        <div className="ml-auto flex items-center">
           <Switch onCheckedChange={switchOnClick} checked={switchChecked} />
         </div>
       </div>

packages/app-store/ee/routing_forms/components/react-awesome-query-builder/widgets.tsx

@@ -49,7 +49,7 @@ const TextWidget = (props: TextWidgetProps & { type?: string }) => {
   const textValue = value || "";
   return (
     <TextField
-      containerClassName="w-full"
+      containerClassName="w-full mt-2"
       type={type}
       className="dark:border-darkgray-300 flex flex-grow border-gray-300 text-sm dark:bg-transparent dark:text-white dark:selection:bg-green-500 disabled:dark:text-gray-500"
       value={textValue}

packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx

@@ -243,8 +243,10 @@ const Route = ({
                   <TextField
                     name="externalRedirectUrl"
                     className="flex w-full flex-grow border-gray-300 text-sm"
+                    containerClassName="w-full mt-2"
                     type="text"
                     required
+                    labelSrOnly
                     value={route.action.value}
                     onChange={(e) => {
                       setRoute(route.id, { action: { ...route.action, value: e.target.value } });