From 3915846cab0cfd02763882f4b80f61131073afe2 Mon Sep 17 00:00:00 2001
From: RFDarter <rfdarter@googlemail.com>
Date: Thu, 27 Jun 2024 21:42:07 +0200
Subject: [PATCH 1/2] add height and width to logo (#109)

---
 packages/v2/public/logo.svg | 2 +-
 packages/v3/public/logo.svg | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/v2/public/logo.svg b/packages/v2/public/logo.svg
index f22981e..d5f35e7 100644
--- a/packages/v2/public/logo.svg
+++ b/packages/v2/public/logo.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68" width="52" height="40">
   <defs>
     <style>
       .cls-1 {
diff --git a/packages/v3/public/logo.svg b/packages/v3/public/logo.svg
index d867ce6..b5f3882 100644
--- a/packages/v3/public/logo.svg
+++ b/packages/v3/public/logo.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68" width="52" height="40">
   <defs>
     <style>
       .cls-1 {

From 80a368ed875fb0d47204b76526fba16902d402e7 Mon Sep 17 00:00:00 2001
From: RFDarter <rfdarter@googlemail.com>
Date: Thu, 27 Jun 2024 23:03:44 +0200
Subject: [PATCH 2/2] remove height and width from svg and add it to the
 element instead (#110)

---
 packages/v2/public/logo.svg | 2 +-
 packages/v2/src/esp-app.ts  | 2 +-
 packages/v3/public/logo.svg | 2 +-
 packages/v3/src/esp-app.ts  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/v2/public/logo.svg b/packages/v2/public/logo.svg
index d5f35e7..f22981e 100644
--- a/packages/v2/public/logo.svg
+++ b/packages/v2/public/logo.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68" width="52" height="40">
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
   <defs>
     <style>
       .cls-1 {
diff --git a/packages/v2/src/esp-app.ts b/packages/v2/src/esp-app.ts
index 02949c0..3d77dfc 100644
--- a/packages/v2/src/esp-app.ts
+++ b/packages/v2/src/esp-app.ts
@@ -123,7 +123,7 @@ export default class EspApp extends LitElement {
     return html`
       <h1>
         <a href="https://esphome.io/web-api" class="logo">
-          <esp-logo></esp-logo>
+          <esp-logo style="width: 52px; height: 40px; display: block;"></esp-logo>
         </a>
         ${this.config.title}
         <span id="beat" title="${this.version}">❤</span>
diff --git a/packages/v3/public/logo.svg b/packages/v3/public/logo.svg
index b5f3882..d867ce6 100644
--- a/packages/v3/public/logo.svg
+++ b/packages/v3/public/logo.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68" width="52" height="40">
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
   <defs>
     <style>
       .cls-1 {
diff --git a/packages/v3/src/esp-app.ts b/packages/v3/src/esp-app.ts
index a4104d8..51b62cc 100644
--- a/packages/v3/src/esp-app.ts
+++ b/packages/v3/src/esp-app.ts
@@ -192,7 +192,7 @@ export default class EspApp extends LitElement {
     return html`
       <header>
         <a href="https://esphome.io/web-api" id="logo" title="${this.version}">
-          <esp-logo></esp-logo>
+          <esp-logo style="width: 52px; height: 40px;"></esp-logo>
         </a>
         <iconify-icon
           .icon="${!!this.connected ? "mdi:circle" : "mdi:circle-off-outline"}"