From a9104d6e45807a365be5950e87d70602cf63f9de Mon Sep 17 00:00:00 2001
From: shubhamraj-git <shubhamraj.cs@gmail.com>
Date: Tue, 5 Nov 2024 00:52:41 +0530
Subject: [PATCH] fix css

---
 .../components/TriggerDag/TriggerDAGForm.tsx  | 19 +++++++------------
 .../components/TriggerDag/TriggerDAGModal.tsx | 10 ++++------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx b/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx
index 955aa68cf8959..8e1a71e42f47d 100644
--- a/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx
+++ b/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx
@@ -117,8 +117,9 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
     <>
       <Dialog.CloseTrigger />
 
-      <VStack align="stretch" gap={2} p={5}>
+      <VStack align="stretch" gap={2}>
         <Button
+          mb={9}
           onClick={() => setShowDetails(!showDetails)}
           variant="outline"
           width="full"
@@ -129,7 +130,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
         {showDetails ? (
           <VStack align="stretch" gap={3}>
             <Box>
-              <Text fontSize="sm" mb={1}>
+              <Text fontSize="md" mb={2}>
                 Logical date
               </Text>
               <Controller
@@ -147,7 +148,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
             </Box>
 
             <Box>
-              <Text fontSize="sm" mb={1}>
+              <Text fontSize="md" mb={2}>
                 Run ID (Optional)
               </Text>
               <Controller
@@ -163,8 +164,8 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
               />
             </Box>
 
-            <Box>
-              <Text fontSize="sm" mb={1}>
+            <Box mb={9}>
+              <Text fontSize="md" mb={2}>
                 Configuration JSON
               </Text>
               <Controller
@@ -199,13 +200,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
         ) : undefined}
       </VStack>
 
-      <Box
-        as="footer"
-        borderTopWidth="1px"
-        display="flex"
-        justifyContent="flex-end"
-        p={4}
-      >
+      <Box as="footer" display="flex" justifyContent="flex-end">
         <HStack w="full">
           {hasFormChanged() && (
             <Button colorScheme="red" onClick={handleReset}>
diff --git a/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx b/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
index 573fcf01258cd..4f9154fe13a08 100644
--- a/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
+++ b/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
@@ -63,13 +63,11 @@ const TriggerDAGModal: React.FC<TriggerDAGModalProps> = ({
       <Dialog.Root onOpenChange={onClose} open={open} size="xl">
         <Dialog.Content backdrop>
           <Dialog.Header>
-            <VStack align="start" gap={2} p={5}>
-              <Heading size="md">Trigger DAG</Heading>
+            <VStack align="start" gap={2}>
+              <Heading size="xl">Trigger DAG</Heading>
 
-              <Heading mb={1} size="sm">
-                {dagDisplayName}
-              </Heading>
-              <Text color="gray.500" fontSize="xs">
+              <Heading size="md">{dagDisplayName}</Heading>
+              <Text color="gray.500" fontSize="sm">
                 DAG ID: {dagId}
               </Text>
             </VStack>