Fix navbar layout: move DB selector out of input-group

The database selector was inside the Bootstrap input-group, breaking
the layout. Move it to a flex sibling so the select and search fields
sit side by side without overlap.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: DraTeots

python/rcdb/web/templates/layouts/base.html

@@ -70,19 +70,19 @@
                     </ul>
 
                     <!-- Search form -->
-                    <form class="navbar-form navbar-left" role="search" action="{{ url_for('runs.search') }}" method="get">
-                        <div class="input-group input-group-sm" style="min-width: 500px">
-                            {% if g.available_databases %}
-                            <select id="dbSelector" class="form-control" style="width:auto; margin-right:4px;">
-                                {% for name, conn in g.available_databases.items() %}
-                                <option value="{{ name }}" {% if name == g.active_db_name %}selected{% endif %}>{{ name }} ({{ connection_hint(conn) }})</option>
-                                {% endfor %}
-                            </select>
-                            {% endif %}
+                    <form class="navbar-form navbar-left" role="search" action="{{ url_for('runs.search') }}" method="get" style="display:flex; align-items:center; gap:4px;">
+                        {% if g.available_databases %}
+                        <select id="dbSelector" class="form-control input-sm" style="width:auto; flex-shrink:0;">
+                            {% for name, conn in g.available_databases.items() %}
+                            <option value="{{ name }}" {% if name == g.active_db_name %}selected{% endif %}>{{ name }}</option>
+                            {% endfor %}
+                        </select>
+                        {% endif %}
+                        <div class="input-group input-group-sm" style="min-width:400px;">
                             <input type="text" class="form-control" placeholder="Run or min-max" name="rr" style="width:28%; margin-right:4px;">
-                            <input type="text" class="form-control" placeholder="Query" name="q" style="width:70%; ">
+                            <input type="text" class="form-control" placeholder="Query" name="q" style="width:70%;">
                             <span class="input-group-btn"><button id="qGoBtn" type="submit" class="btn btn-default">GO</button></span>
-                            <!-- Home -->
+                            <!-- Help -->
                             <span class="input-group-btn" id="queryQuickHelp">
                                 <a href="https://github.com/JeffersonLab/rcdb/wiki/Web-quick-query" target="_blank" class="btn" data-container="body" data-placement="bottom" type="button">
                                     <span class="glyphicon glyphicon-question-sign"></span>