Use full-width buttons on banner on narrow screens

raspberrypi · Nov 12, 2024 · a93c83f · a93c83f
1 parent 1bfab85
commit a93c83f
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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;