From a63e0f6c62650abb4bb8fb8d800a3bda16b1c523 Mon Sep 17 00:00:00 2001
From: unclehowell <hywelapbuckler@gmail.com>
Date: Sun, 9 Nov 2025 07:54:42 -0300
Subject: [PATCH] Fix breadcrumb hover resizing in app store

---
 static/gui/app-store/css/breadcrumb.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/static/gui/app-store/css/breadcrumb.css b/static/gui/app-store/css/breadcrumb.css
index 909f392c0..d11dec75f 100755
--- a/static/gui/app-store/css/breadcrumb.css
+++ b/static/gui/app-store/css/breadcrumb.css
@@ -58,12 +58,16 @@ ul.breadcrumb li a {
   padding-right: 33.33333px;
   width: 50px;
   border: 1px solid grey;
-  font-size:3.8vw;
+  --breadcrumb-link-size: 3.8vw;
+  font-size: 3.8vw;
+  font-size: var(--breadcrumb-link-size, 3.8vw);
   word-spacing:0.4vw;
 }
 @media screen and (min-width: 900px) {
 ul.breadcrumb li a {
+     --breadcrumb-link-size: 2vw;
      font-size: 2vw;
+     font-size: var(--breadcrumb-link-size, 2vw);
   }
 }
 
@@ -94,12 +98,17 @@ ul.breadcrumb li a .text {
   opacity: 0;
 }
 
-ul.breadcrumb li a:hover {
+ul.breadcrumb li a:hover,
+ul.breadcrumb li a:focus,
+ul.breadcrumb li a:active {
   background-color: inherit;
   color: inherit!important;
   padding-left: 52px;
   padding-right: 33.33333px;
   border-color: grey;
+  font-size: 3.8vw;
+  font-size: var(--breadcrumb-link-size, 3.8vw);
+  line-height: 50px;
 }
 ul.breadcrumb li a:hover .text {
   display: none;