Improve zones UI (#4576)

* Improve zones UI

* Make home blue

* Only fit after edit in dialog

* Filter states from UI edtor

* Comments

* bring editable circle to front

* Update ha-config-zone.ts

* Update ha-config-zone.ts

* Hide side navigation for zones

* Fix initial ignore fit, fix click on switch label, space dialog buttons

src/components/ha-dialog.ts

@@ -0,0 +1,28 @@
+import { customElement, CSSResult, css } from "lit-element";
+import "@material/mwc-dialog";
+import { style } from "@material/mwc-dialog/mwc-dialog-css";
+// tslint:disable-next-line
+import { Dialog } from "@material/mwc-dialog";
+import { Constructor } from "../types";
+// tslint:disable-next-line
+const MwcDialog = customElements.get("mwc-dialog") as Constructor<Dialog>;
+
+@customElement("ha-dialog")
+export class HaDialog extends MwcDialog {
+  protected static get styles(): CSSResult[] {
+    return [
+      style,
+      css`
+        .mdc-dialog__actions {
+          justify-content: var(--justify-action-buttons, flex-end);
+        }
+      `,
+    ];
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "ha-dialog": HaDialog;
+  }
+}