diff --git a/src/panels/config/integrations/integration-panels/ozw/ozw-node-dashboard.ts b/src/panels/config/integrations/integration-panels/ozw/ozw-node-dashboard.ts index bd2fa6af3e..0b7283e71a 100644 --- a/src/panels/config/integrations/integration-panels/ozw/ozw-node-dashboard.ts +++ b/src/panels/config/integrations/integration-panels/ozw/ozw-node-dashboard.ts @@ -87,19 +87,29 @@ class OZWNodeDashboard extends LitElement { ${this._node ? html` -
- ${this._node.node_manufacturer_name} - ${this._node.node_product_name}
- Node ID: ${this._node.node_id}
- Query Stage: ${this._node.node_query_stage} - ${this._metadata?.metadata.ProductManualURL - ? html` -

Product Manual

-
` +
+
+ + ${this._node.node_manufacturer_name} + ${this._node.node_product_name} + +
+ Node ID: ${this._node.node_id}
+ Query Stage: ${this._node.node_query_stage} + ${this._metadata?.metadata.ProductManualURL + ? html` +

Product Manual

+
` + : ``} +
+ ${this._metadata?.metadata.ProductPicBase64 + ? html`` : ``}
@@ -199,6 +209,11 @@ class OZWNodeDashboard extends LitElement { max-width: 600px; } + .flex { + display: flex; + justify-content: space-between; + } + .card-actions.warning ha-call-service-button { color: var(--error-color); } @@ -219,6 +234,15 @@ class OZWNodeDashboard extends LitElement { [hidden] { display: none; } + + .product-image { + padding: 12px; + max-height: 140px; + max-width: 140px; + } + .card-actions { + clear: right; + } `, ]; }