From a93c83f27ee52ce368e3c1d26159ea64d4cb69ab Mon Sep 17 00:00:00 2001
From: Paul Mucur <paul.mucur@raspberrypi.com>
Date: Tue, 12 Nov 2024 08:51:29 +0000
Subject: [PATCH] Use full-width buttons on banner on narrow screens

---
 jekyll-assets/_includes/header.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/jekyll-assets/_includes/header.html b/jekyll-assets/_includes/header.html
index 76d60f53bc..de4d50c668 100644
--- a/jekyll-assets/_includes/header.html
+++ b/jekyll-assets/_includes/header.html
@@ -316,6 +316,12 @@
 #__rptl-cookiebanner .__rptl-cookiebanner-buttons {
   display: flex;
   gap: 10px;
+  flex-direction: column;
+}
+@media (min-width: 640px) {
+  #__rptl-cookiebanner .__rptl-cookiebanner-buttons {
+    flex-direction: row;
+  }
 }
 #__rptl-cookiebanner .__rptl-cookiebanner-accept, #__rptl-cookiebanner .__rptl-cookiebanner-reject {
   margin: 0;