Tiny tweak for search box wrapping under the separation line when screen size is reduced

Fixes python#7.

Author: tapaswenipathak

python_docs_theme/layout.html

@@ -13,6 +13,7 @@
 {%- macro searchbox() %}
 {# modified from sphinx/themes/basic/searchbox.html #}
     {%- if builder != "htmlhelp" %}
+    <div class="flex-container">
     <div class="inline-search" style="display: none" role="search">
         <form class="inline-search" action="{{ pathto('search') }}" method="get">
           <input placeholder="{{ _('Quick search') }}" type="text" name="q" />
@@ -21,6 +22,7 @@
           <input type="hidden" name="area" value="default" />
         </form>
     </div>
+    </div>
     <script type="text/javascript">$('.inline-search').show(0);</script>
     {%- endif %}
 {%- endmacro %}

python_docs_theme/static/pydoctheme.css

@@ -22,6 +22,14 @@ div.related:first-child {
     border-bottom: 1px solid #ccc;
 }
 
+.flex.container {
+	display: flex;
+}
+
+.fill-width {
+	flex: 1;
+}
+
 .inline-search {
     display: inline;
 }