nit

onyx-dot-app · Dec 12, 2024 · bf6efbe · bf6efbe
1 parent 7c29b1e
commit bf6efbe
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git 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
@@ -44,6 +44,7 @@ const EditPropertyModal = ({
             </h2>
 
             <TextFormField
+              vertical
               label={propertyDetails || ""}
               name="propertyValue"
               placeholder="Property value"