Backup text updates (#23437)

* Backup text updates

* Update ha-config-backup-backups.ts

src/panels/config/backup/components/config/ha-backup-config-schedule.ts

@@ -129,9 +129,6 @@ class HaBackupConfigSchedule extends LitElement {
       <ha-md-list>
         <ha-md-list-item>
           <span slot="headline">Use automatic backups</span>
-          <span slot="supporting-text">
-            How often you want to create a backup.
-          </span>
 
           <ha-switch
             slot="end"
@@ -181,7 +178,8 @@ class HaBackupConfigSchedule extends LitElement {
               <ha-md-list-item>
                 <span slot="headline">Backups to keep</span>
                 <span slot="supporting-text">
-                  The number of backups that are saved
+                  Based on the maximum number of backups or how many days they
+                  should be kept.
                 </span>
                 <ha-md-select
                   slot="end"

src/panels/config/backup/dialogs/dialog-backup-onboarding.ts

@@ -327,12 +327,6 @@ class DialogBackupOnboarding extends LitElement implements HassDialog {
         `;
       case "setup":
         return html`
-          <p>
-            It is recommended that you create a backup every day. You should
-            keep three backups in at least two different locations, one of which
-            should be off-site. Once you make your selection, your first backup
-            will begin.
-          </p>
           <ha-md-list class="full">
             <ha-md-list-item type="button" @click=${this._done}>
               <span slot="headline">Recommended settings</span>

src/panels/config/backup/ha-config-backup-backups.ts

@@ -167,7 +167,6 @@ class HaConfigBackupBackups extends SubscribeMixin(LitElement) {
         title: "Locations",
         showNarrow: true,
         minWidth: "60px",
-        maxWidth: "120px",
         template: (backup) => html`
           <div style="display: flex; gap: 4px;">
             ${(backup.agent_ids || []).map((agentId) => {
@@ -181,7 +180,7 @@ class HaConfigBackupBackups extends SubscribeMixin(LitElement) {
                   <ha-svg-icon
                     .path=${mdiHarddisk}
                     title=${name}
-                    slot="graphic"
+                    style="flex-shrink: 0;"
                   ></ha-svg-icon>
                 `;
               }
@@ -190,7 +189,7 @@ class HaConfigBackupBackups extends SubscribeMixin(LitElement) {
                   <ha-svg-icon
                     .path=${mdiNas}
                     title=${name}
-                    slot="graphic"
+                    style="flex-shrink: 0;"
                   ></ha-svg-icon>
                 `;
               }
@@ -209,6 +208,7 @@ class HaConfigBackupBackups extends SubscribeMixin(LitElement) {
                   referrerpolicy="no-referrer"
                   alt=${name}
                   slot="graphic"
+                  style="flex-shrink: 0;"
                 />
               `;
             })}