diff --git a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts index d3524bc4ed..adf2612b9f 100755 --- a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts +++ b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts @@ -109,7 +109,7 @@ class HassioSnapshotDialog extends LitElement { return html``; } return html` - +
@@ -191,47 +191,37 @@ class HassioSnapshotDialog extends LitElement { : ""} ${this._error ? html`

Error: ${this._error}

` : ""} -
Actions:
- ${!this._onboarding - ? html` - - Download Snapshot - ` - : ""} - - - - Restore Selected - - ${this._snapshot.type === "full" - ? html` - - - Wipe & restore - - ` - : ""} - ${!this._onboarding - ? html` - - Delete Snapshot - ` - : ""} +
+ + + Restore Selected + + ${!this._onboarding + ? html` + + + + Delete Snapshot + + ` + : ""} +
+
+ ${this._snapshot.type === "full" + ? html` + + + Restore Everything + + ` + : ""} + ${!this._onboarding + ? html` + + Download Snapshot + ` + : ""} +
`; } @@ -245,6 +235,14 @@ class HassioSnapshotDialog extends LitElement { display: block; margin: 4px; } + mwc-button ha-svg-icon { + margin-right: 4px; + } + .button-row { + display: grid; + gap: 8px; + margin-right: 8px; + } .details { color: var(--secondary-text-color); } @@ -252,10 +250,6 @@ class HassioSnapshotDialog extends LitElement { .error { color: var(--error-color); } - .buttons { - display: flex; - flex-direction: column; - } .buttons li { list-style-type: none; }