From 57c558493233846bcd8aaf6ce34b2796df4bb0d2 Mon Sep 17 00:00:00 2001
From: lars-berger <lars.berger@yahoo.com>
Date: Tue, 1 Oct 2024 10:17:53 +0100
Subject: [PATCH] fix: correct positioning of battery charging icon in examples
 (#118)

---
 examples/boilerplate-react-buildless/index.html |  4 ++--
 examples/starter/styles.css                     | 10 +++++++---
 examples/starter/vanilla.html                   |  4 ++--
 examples/starter/with-glazewm.html              |  4 ++--
 examples/starter/with-komorebi.html             |  4 ++--
 5 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/examples/boilerplate-react-buildless/index.html b/examples/boilerplate-react-buildless/index.html
index 5d63cd3f..2fe70fab 100644
--- a/examples/boilerplate-react-buildless/index.html
+++ b/examples/boilerplate-react-buildless/index.html
@@ -10,8 +10,8 @@
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Disable find icon in local path. -->
-    <link rel="icon" href="data:;base64,=" />
+    <!-- Add empty favicon to suppress not found errors. -->
+    <link rel="icon" href="data:;" />
 
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
diff --git a/examples/starter/styles.css b/examples/starter/styles.css
index a42fb93a..5b63b51e 100644
--- a/examples/starter/styles.css
+++ b/examples/starter/styles.css
@@ -102,9 +102,13 @@ body,
   color: #900029;
 }
 
+.battery {
+  position: relative;
+}
+
 .battery .charging-icon {
   position: absolute;
-  font-size: 11px;
-  left: 7px;
-  top: 2px;
+  font-size: 7px;
+  left: -8px;
+  top: 3px;
 }
diff --git a/examples/starter/vanilla.html b/examples/starter/vanilla.html
index d511a7a5..f5ba0ac7 100644
--- a/examples/starter/vanilla.html
+++ b/examples/starter/vanilla.html
@@ -10,8 +10,8 @@
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Disable find icon in local path. -->
-    <link rel="icon" href="data:;base64,=" />
+    <!-- Add empty favicon to suppress not found errors. -->
+    <link rel="icon" href="data:;" />
 
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
diff --git a/examples/starter/with-glazewm.html b/examples/starter/with-glazewm.html
index 5eea7be2..c43241e2 100644
--- a/examples/starter/with-glazewm.html
+++ b/examples/starter/with-glazewm.html
@@ -10,8 +10,8 @@
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Disable find icon in local path. -->
-    <link rel="icon" href="data:;base64,=" />
+    <!-- Add empty favicon to suppress not found errors. -->
+    <link rel="icon" href="data:;" />
 
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
diff --git a/examples/starter/with-komorebi.html b/examples/starter/with-komorebi.html
index a7d747d4..07fea139 100644
--- a/examples/starter/with-komorebi.html
+++ b/examples/starter/with-komorebi.html
@@ -10,8 +10,8 @@
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Disable find icon in local path. -->
-    <link rel="icon" href="data:;base64,=" />
+    <!-- Add empty favicon to suppress not found errors. -->
+    <link rel="icon" href="data:;" />
 
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script