From 38dccc30a9ac83229b87354115b8c635031e1686 Mon Sep 17 00:00:00 2001
From: Mark Eaton <markeeaton@noreply.tildegit.org>
Date: Thu, 2 Apr 2026 12:19:17 +0000
Subject: [PATCH] fix problem with banner not being centered on keyboard
 navigation

---
 misc/system-wide.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/misc/system-wide.css b/misc/system-wide.css
index 23bc4e3..6fd3b0d 100644
--- a/misc/system-wide.css
+++ b/misc/system-wide.css
@@ -1,6 +1,6 @@
 <style>
 #bannercontainer {
-        width: %100;
+        width: 100%;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
@@ -21,6 +21,13 @@
         }
 }
 
+/* this code makes the <a> tag that holds bannercontainer a block element,
+so that it can take up the full width of the screen */
+a:has(#bannercontainer) {
+    display: block;
+    width: 100%;
+}
+
 /* tighten up elements at the top of the AtoZ */
 #s-lib-public-header-desc { margin-top: -30px; }
 #s-lib-public-main-searchbar { margin-top: -20px; }