AddEnvironmentVariableRow padding (#71)

packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx

@@ -19,7 +19,7 @@ const AddEnvironmentVariableRow = ({
   isDeleteDisabled,
 }: AddEnvironmentVariableRowProps) => {
   return (
-    <div className="flex py-4 self-stretch">
+    <div className="flex gap-2 py-1 self-stretch">
       <Input
         size="md"
         {...register(`variables.${index}.key`, {
@@ -34,17 +34,10 @@ const AddEnvironmentVariableRow = ({
           required: 'Value field cannot be empty',
         })}
       />
-      <div className="self-end">
-        <Button
-          size="md"
-          iconOnly
-          onClick={onDelete}
-          disabled={isDeleteDisabled}
-        >
+      <Button size="md" iconOnly onClick={onDelete} disabled={isDeleteDisabled}>
         <TrashIcon />
       </Button>
     </div>
-    </div>
   );
 };
 

packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx

@@ -86,7 +86,7 @@ const EditEnvironmentVariableRow = ({
 
   return (
     <>
-      <div className="flex gap-1 p-2">
+      <div className="flex gap-1">
         <div>
           <Typography variant="small">Key</Typography>
           <Input disabled={!edit} {...register(`key`)} />