Tweak choose spacing (home-assistant#26702)

Author: balloob

src/panels/config/automation/action/types/ha-automation-action-choose.ts

@@ -51,11 +51,11 @@ export class HaChooseAction extends LitElement implements ActionElement {
 
       ${this._showDefault || action.default
         ? html`
-            <h2>
+            <h4>
               ${this.hass.localize(
                 "ui.panel.config.automation.editor.actions.type.choose.default"
               )}:
-            </h2>
+            </h4>
             <ha-automation-action
               .actions=${ensureArray(action.default) || []}
               .disabled=${this.disabled}

src/panels/config/automation/option/ha-automation-option-row.ts

@@ -203,7 +203,7 @@ export default class HaAutomationOptionRow extends LitElement {
         hidden: this._collapsed,
       })}
     >
-      <h4>
+      <h4 class="conditions">
         ${this.hass.localize(
           "ui.panel.config.automation.editor.actions.type.choose.conditions"
         )}:
@@ -216,7 +216,7 @@ export default class HaAutomationOptionRow extends LitElement {
         @value-changed=${this._conditionChanged}
         .optionsInSidebar=${this.optionsInSidebar}
       ></ha-automation-condition>
-      <h4>
+      <h4 class="actions">
         ${this.hass.localize(
           "ui.panel.config.automation.editor.actions.type.choose.sequence"
         )}:
@@ -414,6 +414,13 @@ export default class HaAutomationOptionRow extends LitElement {
         li[role="separator"] {
           border-bottom-color: var(--divider-color);
         }
+        h4.conditions {
+          margin-top: 0;
+          margin-bottom: 8px;
+        }
+        h4.actions {
+          margin-bottom: 8px;
+        }
       `,
     ];
   }