From 0ff256512583cad7c8059e7dcfdda5c8c55dfd0e Mon Sep 17 00:00:00 2001
From: pablodanswer <pablo@danswer.ai>
Date: Wed, 20 Nov 2024 12:04:45 -0800
Subject: [PATCH] ensure margin properly applied (#3176)

* ensure margin properly applied

* formatting
---
 .../app/admin/configuration/llm/LLMProviderUpdateForm.tsx  | 4 ----
 web/src/components/AdvancedOptionsToggle.tsx               | 2 +-
 web/src/components/admin/connectors/Field.tsx              | 7 +------
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx b/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
index 59c0bb0fd..3a5565013 100644
--- a/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
+++ b/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
@@ -278,7 +278,6 @@ export function LLMProviderUpdateForm({
           {!(hideAdvanced && llmProviderDescriptor.name != "azure") && (
             <>
               <Separator />
-
               {llmProviderDescriptor.llm_names.length > 0 ? (
                 <SelectorFormField
                   name="default_model_name"
@@ -298,7 +297,6 @@ export function LLMProviderUpdateForm({
                   placeholder="E.g. gpt-4"
                 />
               )}
-
               {llmProviderDescriptor.deployment_name_required && (
                 <TextFormField
                   small={hideAdvanced}
@@ -307,7 +305,6 @@ export function LLMProviderUpdateForm({
                   placeholder="Deployment Name"
                 />
               )}
-
               {!llmProviderDescriptor.single_model_supported &&
                 (llmProviderDescriptor.llm_names.length > 0 ? (
                   <SelectorFormField
@@ -344,7 +341,6 @@ export function LLMProviderUpdateForm({
                   />
                 </>
               )}
-
               {showAdvancedOptions && (
                 <>
                   {llmProviderDescriptor.llm_names.length > 0 && (
diff --git a/web/src/components/AdvancedOptionsToggle.tsx b/web/src/components/AdvancedOptionsToggle.tsx
index 422de661b..0c64b3b2a 100644
--- a/web/src/components/AdvancedOptionsToggle.tsx
+++ b/web/src/components/AdvancedOptionsToggle.tsx
@@ -20,7 +20,7 @@ export function AdvancedOptionsToggle({
       size="sm"
       icon={showAdvancedOptions ? FiChevronDown : FiChevronRight}
       onClick={() => setShowAdvancedOptions(!showAdvancedOptions)}
-      className="text-xs !p-0 text-text-950 hover:text-text-500"
+      className="text-xs mr-auto !p-0 text-text-950 hover:text-text-500"
     >
       {title || "Advanced Options"}
     </Button>
diff --git a/web/src/components/admin/connectors/Field.tsx b/web/src/components/admin/connectors/Field.tsx
index a1599fb4d..6cd4ff109 100644
--- a/web/src/components/admin/connectors/Field.tsx
+++ b/web/src/components/admin/connectors/Field.tsx
@@ -211,12 +211,7 @@ export function TextFormField({
     <div className={`w-full ${width}`}>
       <div className="flex gap-x-2 items-center">
         {!removeLabel && (
-          <Label
-            className={`${
-              small ? "text-text-950" : "text-text-700 font-normal"
-            } ${sizeClass.label}`}
-            small={small}
-          >
+          <Label className={sizeClass.label} small={small}>
             {label}
           </Label>
         )}