Align cover control button design with built-in ha control

piitaya · Oct 28, 2023 · 29ef0bd · 29ef0bd
1 parent b19f276
commit 29ef0bd
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/cards/cover-card/controls/cover-buttons-control.ts b/src/cards/cover-card/controls/cover-buttons-control.ts
@@ -62,30 +62,30 @@ export class CoverButtonsControl extends LitElement {
 
         return html`
             <mushroom-button-group .fill=${this.fill} ?rtl=${rtl}>
-                ${supportsFeature(this.entity, COVER_SUPPORT_CLOSE)
+                ${supportsFeature(this.entity, COVER_SUPPORT_OPEN)
                     ? html`
                           <mushroom-button
-                              .icon=${computeCloseIcon(this.entity)}
-                              .disabled=${!isAvailable(this.entity) || this.closedDisabled}
-                              @click=${this._onCloseTap}
+                              .icon=${computeOpenIcon(this.entity)}
+                              .disabled=${!isAvailable(this.entity) || this.openDisabled}
+                              @click=${this._onOpenTap}
                           ></mushroom-button>
                       `
                     : undefined}
                 ${supportsFeature(this.entity, COVER_SUPPORT_STOP)
                     ? html`
                           <mushroom-button
-                              icon="mdi:pause"
+                              icon="mdi:stop"
                               .disabled=${!isAvailable(this.entity)}
                               @click=${this._onStopTap}
                           ></mushroom-button>
                       `
                     : undefined}
-                ${supportsFeature(this.entity, COVER_SUPPORT_OPEN)
+                ${supportsFeature(this.entity, COVER_SUPPORT_CLOSE)
                     ? html`
                           <mushroom-button
-                              .icon=${computeOpenIcon(this.entity)}
-                              .disabled=${!isAvailable(this.entity) || this.openDisabled}
-                              @click=${this._onOpenTap}
+                              .icon=${computeCloseIcon(this.entity)}
+                              .disabled=${!isAvailable(this.entity) || this.closedDisabled}
+                              @click=${this._onCloseTap}
                           ></mushroom-button>
                       `
                     : undefined}