chore: promotion UI spacing fixes (#7826)

packages/admin-next/dashboard/src/routes/promotions/common/edit-rules/components/rules-form-field/rules-form-field.tsx

@@ -119,7 +119,7 @@ export const RulesFormField = ({
         {t(`promotions.fields.conditions.${ruleType}.title`)}
       </Heading>
 
-      <Text className="text-ui-fg-subtle txt-small mb-10">
+      <Text className="text-ui-fg-subtle txt-small mb-6">
         {t(`promotions.fields.conditions.${ruleType}.description`)}
       </Text>
 
@@ -296,7 +296,7 @@ export const RulesFormField = ({
         )
       })}
 
-      <div className="mt-8">
+      <div className={!!fields.length ? "mt-6" : ""}>
         <Button
           type="button"
           variant="secondary"
@@ -313,6 +313,7 @@ export const RulesFormField = ({
           {t("promotions.fields.addCondition")}
         </Button>
 
+        {!!fields.length && (
           <Button
             type="button"
             variant="transparent"
@@ -329,6 +330,7 @@ export const RulesFormField = ({
           >
             {t("promotions.fields.clearAll")}
           </Button>
+        )}
       </div>
     </div>
   )