From e656b8b6394231e26d18cd9567d25893ffe2868b Mon Sep 17 00:00:00 2001
From: Thomas Perale <thomas.perale@mind.be>
Date: Thu, 19 Mar 2026 16:02:44 +0100
Subject: [PATCH] website/lts: fix section on small screens

Make the section header take the whole screen size for device with a
small screen (mobile phones).

Signed-off-by: Thomas Perale <thomas.perale@mind.be>
Signed-off-by: Julien Olivain <ju.o@free.fr>
---
 docs/website/css/lts.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/website/css/lts.css b/docs/website/css/lts.css
index 5f05288188..c1e9b198a8 100644
--- a/docs/website/css/lts.css
+++ b/docs/website/css/lts.css
@@ -145,6 +145,12 @@
     scroll-margin-top: 20px; /* Offset for jump to anchor */
 }
 
+@media screen and (max-width: 768px) {
+  .br-lts-section-header {
+    width: 100%;
+  }
+}
+
 .br-lts-section-header:hover {
     border: 2px solid var(--br-blue);
     box-shadow: 6px 6px 0 var(--br-blue);