From e27da54cbc0000ed68381771c0d1a98492a3d5d4 Mon Sep 17 00:00:00 2001
From: Kristopher Overholt <koverholt@google.com>
Date: Wed, 20 May 2026 16:42:51 -0500
Subject: [PATCH] Fix announcement bar wrapping on mobile

---
 docs/stylesheets/custom.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/stylesheets/custom.css b/docs/stylesheets/custom.css
index 1345582df6..fb97483784 100644
--- a/docs/stylesheets/custom.css
+++ b/docs/stylesheets/custom.css
@@ -585,3 +585,12 @@ nav.md-nav--primary .md-nav__item--section>.md-nav__link {
   text-decoration: none; font-weight: 500; white-space: nowrap;
 }
 .md-banner .announce-item a:hover { text-decoration: underline; }
+
+@media (max-width: 768px) {
+  .md-banner {
+    text-align: center;
+  }
+  .md-banner .announce-item {
+    display: inline;
+  }
+}