Fix lab automations icons and sidebar width (#28184)

Co-authored-by: Petar Petrov <[email protected]>

Author: wendevlin

src/components/ha-icon.ts

@@ -186,6 +186,7 @@ export class HaIcon extends LitElement {
 
   static styles = css`
     :host {
+      display: flex;
       fill: currentcolor;
     }
   `;

src/panels/config/automation/add-automation-element/ha-automation-add-items.ts

@@ -306,7 +306,7 @@ export class HaAutomationAddItems extends LitElement {
     .items .item-headline {
       display: flex;
       align-items: center;
-      gap: var(--ha-space-1);
+      gap: var(--ha-space-2);
       min-height: var(--ha-space-9);
       flex-wrap: wrap;
     }
@@ -366,12 +366,16 @@ export class HaAutomationAddItems extends LitElement {
     }
 
     .selected-target state-badge {
-      --mdc-icon-size: 20px;
+      --mdc-icon-size: 24px;
     }
     .selected-target state-badge,
-    .selected-target ha-domain-icon {
+    .selected-target ha-floor-icon {
+      display: flex;
+      height: 32px;
       width: 24px;
-      height: 24px;
+      align-items: center;
+    }
+    .selected-target ha-domain-icon {
       filter: grayscale(100%);
     }
   `;

src/panels/config/automation/condition/types/ha-automation-condition-platform.ts

@@ -393,6 +393,10 @@ export class HaPlatformCondition extends LitElement {
   }
 
   static styles = css`
+    :host {
+      display: block;
+      margin: 0px calc(-1 * var(--ha-space-4));
+    }
     ha-settings-row {
       padding: 0 var(--ha-space-4);
     }

src/panels/config/automation/trigger/types/ha-automation-trigger-platform.ts

@@ -429,6 +429,10 @@ export class HaPlatformTrigger extends LitElement {
   }
 
   static styles = css`
+    :host {
+      display: block;
+      margin: 0px calc(-1 * var(--ha-space-4));
+    }
     ha-settings-row {
       padding: 0 var(--ha-space-4);
     }