From dc2038916bb36214063a8c034d37a3533d28b08b Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 20 Feb 2022 08:53:03 -0800
Subject: [PATCH] Improve logo rendering for playing media in browser (#11741)

---
 src/panels/media-browser/browser-media-player.ts |  2 +-
 src/panels/media-browser/ha-bar-media-player.ts  | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/panels/media-browser/browser-media-player.ts b/src/panels/media-browser/browser-media-player.ts
index 34e78d9069..ac2ed08137 100644
--- a/src/panels/media-browser/browser-media-player.ts
+++ b/src/panels/media-browser/browser-media-player.ts
@@ -15,7 +15,7 @@ export class BrowserMediaPlayer {
 
   constructor(
     public hass: HomeAssistant,
-    private item: MediaPlayerItem,
+    public item: MediaPlayerItem,
     private onChange: () => void
   ) {}
 
diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index 1dee8318f1..ec999e53d5 100644
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@@ -19,6 +19,7 @@ import {
   TemplateResult,
 } from "lit";
 import { customElement, property, query, state } from "lit/decorators";
+import { classMap } from "lit/directives/class-map";
 import { fireEvent } from "../../common/dom/fire_event";
 import { computeDomain } from "../../common/entity/compute_domain";
 import { computeStateDomain } from "../../common/entity/compute_state_domain";
@@ -164,7 +165,11 @@ class BarMediaPlayer extends LitElement {
 
     return html`
       <div
-        class="info ${!isBrowser ? "pointer" : ""}"
+        class=${classMap({
+          info: true,
+          pointer: !isBrowser,
+          app: this._browserPlayer?.item.media_class === "app",
+        })}
         @click=${this._openMoreInfo}
       >
         ${mediaArt ? html`<img src=${this.hass.hassUrl(mediaArt)} />` : ""}
@@ -498,6 +503,11 @@ class BarMediaPlayer extends LitElement {
         max-height: 100px;
       }
 
+      .app img {
+        max-height: 68px;
+        margin: 16px 0 16px 16px;
+      }
+
       ha-button-menu mwc-button {
         line-height: 1;
       }