fix: align support controls

Issue: #415
User-Visible: yes

src/houseplan-card.ts

@@ -11493,10 +11493,10 @@ export class HouseplanCard extends LitElement {
             <button class="btn zb" @click=${() => this._stepZoom(1)} title=${this._t('title.zoom_in')}><ha-icon icon="mdi:plus"></ha-icon></button>
           </div>
           ${this._norm && this._canEdit
-            ? html`<button class="btn" @click=${this._openSettingsDialog} title=${this._t('title.general_settings')}>
+            ? html`<button class="btn header-action" @click=${this._openSettingsDialog} title=${this._t('title.general_settings')}>
                 <ha-icon icon="mdi:cog-outline"></ha-icon>
               </button>
-              <button class="btn support-button" @click=${this._openSupportDialog}
+              <button class="btn header-action support-button" @click=${this._openSupportDialog}
                 title=${this._t('support.title')} aria-label=${this._t('support.title')}>
                 <ha-icon icon="mdi:help-circle-outline"></ha-icon>
               </button>`

src/styles/dialogs.styles.ts

@@ -1186,7 +1186,10 @@ export const dialogsStyles = css`
       background: color-mix(in srgb, var(--card-background-color, var(--hp-bg)) 92%, var(--hp-txt));
       font: inherit;
     }
-    .supportmessage { min-height: 120px; }
+    .supportmessage {
+      min-height: 120px;
+      background: var(--hp-bg);
+    }
     .supportraw {
       min-height: 220px;
       margin-top: var(--sp-2);

src/styles/plan.styles.ts

@@ -185,7 +185,7 @@ export const planStyles = css`
       justify-content: center;
       padding: var(--sp-3);
     }
-    .support-button {
+    .header-action {
       min-width: 44px;
       min-height: 44px;
       justify-content: center;