From 9137b46bc350c33191f615df09dec27f025943fa Mon Sep 17 00:00:00 2001
From: chris48s <chris48s@users.noreply.github.com>
Date: Fri, 23 Jun 2023 19:48:17 +0100
Subject: [PATCH] temp fix: wrap code examples tabs in narrow browser windows
 (#9302)

---
 frontend/src/css/custom.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/frontend/src/css/custom.css b/frontend/src/css/custom.css
index 9dfd61416b..18f7eb4368 100644
--- a/frontend/src/css/custom.css
+++ b/frontend/src/css/custom.css
@@ -30,3 +30,17 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
 .opencollective-image {
   color-scheme: initial;
 }
+
+/*
+TODO: remove these two styles when
+we can upgrade to docusaurus-theme-openapi@0.6.5
+*/
+
+div.api-code-tab-group {
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+div.api-code-tab-group button.api-code-tab  {
+  width: unset;
+}
-- 
GitLab