Move the bucket order row and its datalist out of the table

Both were direct children of <table>, which is invalid: a browser hoists
stray non-table content out of the element, and in doing so it disturbed the
column widths of the segment listing below.

The datalist was already there before this change and had been getting away
with it; adding a visible div beside it is what made the consequence
obvious.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

ui/src/views/Baseline.jsx

@@ -414,7 +414,6 @@ export default function Baseline({ sources = [], sourceId, versions = [], versio
               <span>Segments loaded</span>
               <button onClick={clearBaseline} className="text-red-400 hover:text-red-600 text-xs normal-case font-normal">Clear all baseline</button>
             </div>
-            <table className="w-full text-xs">
             {/* Bucket column order. Up/down rather than drag: the list is four or
                 five items that change once a quarter, and a keyboard-reachable
                 pair of buttons beats a drag target nobody can hit on a laptop
@@ -457,6 +456,7 @@ export default function Baseline({ sources = [], sourceId, versions = [], versio
               <option value="Prior Prior Year" />
               <option value="Plan" />
             </datalist>
+            <table className="w-full text-xs">
               <thead className="bg-gray-50">
                 <tr className="text-left text-gray-400 border-b border-gray-100">
                   <th className="px-3 py-1.5 font-medium w-6"></th>