Dashboard UI fixes (#5160)

Fixes #5152
Fixes #5150
Fixes #5148

src/panels/config/lovelace/dashboards/dialog-lovelace-dashboard-detail.ts

@@ -293,9 +293,6 @@ export class DialogLovelaceDashboardDetail extends LitElement {
     return [
       haStyleDialog,
       css`
-        .form {
-          padding-bottom: 24px;
-        }
         ha-switch {
           padding: 16px 0;
         }

src/panels/config/lovelace/resources/dialog-lovelace-resource-detail.ts

@@ -210,9 +210,6 @@ export class DialogLovelaceResourceDetail extends LitElement {
     return [
       haStyleDialog,
       css`
-        .form {
-          padding-bottom: 24px;
-        }
         .warning {
           color: var(--error-color);
         }

src/panels/config/zone/dialog-zone-detail.ts

@@ -272,10 +272,6 @@ class DialogZoneDetail extends LitElement {
     return [
       haStyleDialog,
       css`
-        .form {
-          padding-bottom: 24px;
-          color: var(--primary-text-color);
-        }
         .location {
           display: flex;
         }
@@ -298,9 +294,6 @@ class DialogZoneDetail extends LitElement {
         a {
           color: var(--primary-color);
         }
-        p {
-          color: var(--primary-text-color);
-        }
       `,
     ];
   }

src/resources/styles.ts

@@ -203,9 +203,16 @@ export const haStyleDialog = css`
   ha-dialog {
     --mdc-dialog-min-width: 400px;
     --mdc-dialog-max-width: 600px;
-    --mdc-dialog-title-ink-color: var(--primary-text-color);
+    --mdc-dialog-heading-ink-color: var(--primary-text-color);
     --justify-action-buttons: space-between;
+    color: var(--primary-text-color);
   }
+
+  ha-dialog .form {
+    padding-bottom: 24px;
+    color: var(--primary-text-color);
+  }
+
   /* make dialog fullscreen on small screens */
   @media all and (max-width: 450px), all and (max-height: 500px) {
     ha-dialog {

src/translations/en.json

@@ -882,8 +882,8 @@
               "new_dashboard": "Add new dashboard",
               "dismiss": "Close",
               "show_sidebar": "Show in sidebar",
-              "icon": "Sidebar icon",
+              "icon": "Icon",
-              "title": "Sidebar title",
+              "title": "Title",
               "title_required": "Title is required.",
               "url": "Url",
               "url_error_msg": "The url can not contain spaces or special characters, except for _ and -",