ungoofy the header at intermediate widths

Author: sneakers-the-rat

_static/pyos.css

@@ -211,6 +211,45 @@ html[data-theme="dark"] {
   --pyos-h1-color: var(--pyos-color-light);
 }
 
+/* --------------------------------------
+De-jumble header items.
+See https://github.com/pydata/pydata-sphinx-theme/pull/1784
+*/
+
+.bd-header .bd-header__inner {
+  padding: 0 1rem;
+}
+
+.bd-header .navbar-item {
+  height: unset;
+  max-height: unset;
+}
+
+@media (max-width: 960px) {
+  .bd-header .navbar-header-items {
+    flex-wrap: wrap;
+    row-gap: 0.5rem;
+  }
+}
+
+.bd-header .navbar-header-items__end,
+.bd-header .navbar-header-items__center,
+.bd-header .navbar-header-items__start {
+  flex-flow: nowrap;
+}
+
+.bd-header .navbar-header-items__start {
+  width: unset;
+}
+
+.bd-header .navbar-header-items__center {
+  margin-right: 0.25em !important;
+}
+
+.bd-header ul.navbar-nav {
+  flex-wrap: wrap;
+}
+
 /* -------------------------------------- */
 /* Generated by https://gwfh.mranftl.com/ */