From bf6efbe8e8ef9fd319a0e2f7fb83d058d72cc563 Mon Sep 17 00:00:00 2001
From: pablodanswer <pablo@danswer.ai>
Date: Wed, 11 Dec 2024 18:46:24 -0800
Subject: [PATCH] nit

---
 web/src/components/admin/connectors/Field.tsx | 20 +++++++++++--------
 .../components/modals/EditPropertyModal.tsx   |  1 +
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/web/src/components/admin/connectors/Field.tsx b/web/src/components/admin/connectors/Field.tsx
index 51e221f21ae..459c8101cd5 100644
--- a/web/src/components/admin/connectors/Field.tsx
+++ b/web/src/components/admin/connectors/Field.tsx
@@ -145,6 +145,7 @@ export function TextFormField({
   min,
   onChange,
   width,
+  vertical,
 }: {
   value?: string;
   name: string;
@@ -170,6 +171,7 @@ export function TextFormField({
   min?: number;
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
   width?: string;
+  vertical?: boolean;
 }) {
   let heightString = defaultHeight || "";
   if (isTextArea && !heightString) {
@@ -209,14 +211,16 @@ export function TextFormField({
 
   return (
     <div className={`w-full ${width}`}>
-      <div className="flex flex-col gap-x-2 items-start">
-        {!removeLabel && (
-          <Label className={sizeClass.label} small={small}>
-            {label}
-          </Label>
-        )}
-        {optional ? <span>(optional) </span> : ""}
-        {tooltip && <ToolTipDetails>{tooltip}</ToolTipDetails>}
+      <div className={`flex ${vertical ? "flex-col" : "flex-row"} items-start`}>
+        <div className="flex gap-x-2 items-center">
+          {!removeLabel && (
+            <Label className={sizeClass.label} small={small}>
+              {label}
+            </Label>
+          )}
+          {optional ? <span>(optional) </span> : ""}
+          {tooltip && <ToolTipDetails>{tooltip}</ToolTipDetails>}
+        </div>
         {error ? (
           <ManualErrorMessage>{error}</ManualErrorMessage>
         ) : (
diff --git a/web/src/components/modals/EditPropertyModal.tsx b/web/src/components/modals/EditPropertyModal.tsx
index 36ac6b13c63..c3ebd81c5f3 100644
--- a/web/src/components/modals/EditPropertyModal.tsx
+++ b/web/src/components/modals/EditPropertyModal.tsx
@@ -44,6 +44,7 @@ const EditPropertyModal = ({
             </h2>
 
             <TextFormField
+              vertical
               label={propertyDetails || ""}
               name="propertyValue"
               placeholder="Property value"