Make the documentation's pages search bar full width

Author: cstns

src/_includes/layouts/documentation.njk

@@ -12,16 +12,16 @@ date: git Last Modified
     <div class="px-10 pt-8">
         <!-- Breadcrumbs - Desktop -->
         <div class="w-full">
-            <div class="font-medium border-b pb-1 flex flex-col md:flex-row md:items-end">
-                <div class="md:flex-1 ">
+            <div class="font-medium border-b pb-1 flex flex-col gap-1">
+                <div class="md:flex-1">
                     {% if version %}
                     v{{ version }}
                     {% endif %}
                     {% if page.url %}
                     {{ page.url | handbookBreadcrumbs | safe }}
                     {% endif %}
                 </div>
-                <div class="w-full xl:max-w-[30%] md:max-w-[50%] sm:w-full md:ml-auto mb-1 max-md:mt-3">
+                <div class="w-full mb-1">
                     <div id="algolia-search" class="border rounded"></div>
                 </div>
             </div>
@@ -60,4 +60,4 @@ date: git Last Modified
 {% include "./common-js.njk" %}
 
 <!-- medium-zoom 1.1.0 | MIT License | https://github.com/francoischalifour/medium-zoom -->
-{% include "medium-zoom.min.njk" %}
+{% include "medium-zoom.min.njk" %}

src/css/algolia-theme.css

@@ -65,6 +65,9 @@
 
 .aa-Panel .aa-ItemContent .aa-ItemContentBody {
     grid-column: span 4;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
 }