From b6d13855315466acaca690bab1ce4372f49a3620 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Fri, 4 Apr 2025 19:44:45 +0300
Subject: [PATCH] sidebar: increase logo size to prevent a reflow

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
---
 scripts/lua/sidebar.lp | 2 +-
 style/pi-hole.css      | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/scripts/lua/sidebar.lp b/scripts/lua/sidebar.lp
index 5b577c2b..83c656d8 100644
--- a/scripts/lua/sidebar.lp
+++ b/scripts/lua/sidebar.lp
@@ -13,7 +13,7 @@
             <!-- Sidebar user panel -->
             <div class="user-panel">
                 <div class="pull-left image">
-                    <img class="logo-img" src="<?=webhome?>img/logo.svg" alt="Pi-hole logo" width="52" height="75">
+                    <img class="logo-img" src="<?=webhome?>img/logo.svg" alt="Pi-hole logo" width="60" height="87">
                 </div>
                 <div class="pull-left info">
                     <p>Status</p>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 46e05d4c..1c0ad5c8 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -344,7 +344,7 @@ td.lookatme {
 }
 
 .user-panel > .image > img {
-  max-width: 52px;
+  max-width: 60px;
   min-width: 30px;
 }
 
@@ -354,6 +354,7 @@ td.lookatme {
   line-height: 1.05;
   flex: 1 1 auto;
   left: auto;
+  width: 138px;
 }
 
 .user-panel > .info > p {