diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts index 65ca2892e8..8e91b27fa7 100644 --- a/src/panels/config/dashboard/ha-config-dashboard.ts +++ b/src/panels/config/dashboard/ha-config-dashboard.ts @@ -188,54 +188,59 @@ class HaConfigDashboard extends LitElement { .isWide=${this.isWide} full-width > - ${repairsIssues.length - ? html` - - - ${totalRepairIssues > repairsIssues.length - ? html` - - ${this.hass.localize( - "ui.panel.config.repairs.more_repairs", - { - count: totalRepairIssues - repairsIssues.length, - } - )} - - ` - : ""} - - ` - : ""} - ${canInstallUpdates.length - ? html` - - - ${totalUpdates > canInstallUpdates.length - ? html` - - ${this.hass.localize( - "ui.panel.config.updates.more_updates", - { - count: totalUpdates - canInstallUpdates.length, - } - )} - - ` - : ""} - - ` + ${repairsIssues.length || canInstallUpdates.length + ? html` + ${repairsIssues.length + ? html` + + ${totalRepairIssues > repairsIssues.length + ? html` + + ${this.hass.localize( + "ui.panel.config.repairs.more_repairs", + { + count: + totalRepairIssues - repairsIssues.length, + } + )} + + ` + : ""} + ` + : ""} + ${repairsIssues.length && canInstallUpdates.length + ? html`
` + : ""} + ${canInstallUpdates.length + ? html` + + ${totalUpdates > canInstallUpdates.length + ? html` + + ${this.hass.localize( + "ui.panel.config.updates.more_updates", + { + count: + totalUpdates - canInstallUpdates.length, + } + )} + + ` + : ""} + ` + : ""} +
` : ""} @@ -336,9 +341,12 @@ class HaConfigDashboard extends LitElement { color: var(--primary-text-color); } a.button { - display: block; - color: var(--primary-color); - padding: 16px; + display: inline-block; + color: var(--primary-text-color); + padding: 6px 16px; + margin: 8px 16px 16px 16px; + border-radius: 32px; + border: 1px solid var(--divider-color); } .title { font-size: 16px; @@ -368,6 +376,16 @@ class HaConfigDashboard extends LitElement { .keep-together { display: inline-block; } + + hr { + height: 1px; + background-color: var( + --ha-card-border-color, + var(--divider-color, #e0e0e0) + ); + border: none; + margin-top: 0; + } `, ]; } diff --git a/src/panels/config/repairs/ha-config-repairs.ts b/src/panels/config/repairs/ha-config-repairs.ts index 823510da1e..2ad886fbd2 100644 --- a/src/panels/config/repairs/ha-config-repairs.ts +++ b/src/panels/config/repairs/ha-config-repairs.ts @@ -81,6 +81,9 @@ class HaConfigRepairs extends LitElement { )}` : ""} + ${!this.narrow + ? html`` + : ""} ` )} diff --git a/src/translations/en.json b/src/translations/en.json index 3b5084296c..1bcdd0cd4f 100755 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -1218,7 +1218,7 @@ "title": "{count} {count, plural,\n one {update}\n other {updates}\n}", "unable_to_fetch": "Unable to load updates", "version_available": "Version {version_available} is available", - "more_updates": "+{count} updates", + "more_updates": "Show all updates", "show": "show", "show_skipped": "Show skipped", "hide_skipped": "Hide skipped", @@ -1231,7 +1231,7 @@ "description": "Find and fix issues with your Home Assistant instance", "title": "{count} {count, plural,\n one {repair}\n other {repairs}\n}", "no_repairs": "There are currently no repairs available", - "more_repairs": "+{count} repairs", + "more_repairs": "Show all repairs", "show_ignored": "Show ignored", "hide_ignored": "Hide ignored", "critical": "Critical",