From 3418c8320c33d59b43cf5c6888e217caff877001 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Tue, 6 Dec 2022 16:14:21 -0600
Subject: [PATCH] doc/common/css/ide: improve styling of field list

The default style of using a grid with two columns wastes space when
displayed in a narrow pane, like in Pybricks Code. Using flex with
column direction makes it flow from top to bottom.

Fixes: https://github.com/pybricks/support/issues/832
---
 doc/common/_static/css/ide.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/doc/common/_static/css/ide.css b/doc/common/_static/css/ide.css
index 11bf72e..5baebe9 100644
--- a/doc/common/_static/css/ide.css
+++ b/doc/common/_static/css/ide.css
@@ -40,3 +40,11 @@
 ::-webkit-scrollbar-thumb:hover {
     background: #182026;
 }
+
+html.writer-html5 .rst-content dl.citation,
+html.writer-html5 .rst-content dl.field-list,
+html.writer-html5 .rst-content dl.footnote {
+    display: flex;
+    flex-direction: column;
+    grid-template-columns: unset;
+}