Make sure section ids icons overflow nicely in hunt optimizer.

src/stores/HuntOptimizerStore.ts

@@ -41,8 +41,7 @@ export class OptimalMethod {
 // TODO: Prefer methods that don't split pan arms over methods that do.
 //       For some reason this doesn't actually seem to be a problem, should probably investigate.
 // TODO: Show expected value or probability per item per method.
-//       Can be useful when you want one item "more" than the others.
-// TODO: order of items in results table should match order in wanted table.
+//       Can be useful when deciding which item to hunt first.
 // TODO: boxes.
 class HuntOptimizerStore {
     @observable readonly wantedItems: IObservableArray<WantedItem> = observable.array();

src/ui/hunt-optimizer/OptimizationResultComponent.less

@@ -11,6 +11,8 @@
 
 .ho-OptimizationResultComponent-sid-col {
     display: inline-block;
+    overflow: hidden;
+    white-space: nowrap;
     height: 20px;
     margin: 0 3px;
 }

src/ui/hunt-optimizer/OptimizationResultComponent.tsx

@@ -41,10 +41,11 @@ export class OptimizationResultComponent extends React.Component {
                 cellRenderer: (result) => (
                     <div className="ho-OptimizationResultComponent-sid-col">
                         {result.sectionIds.map(sid =>
-                            <SectionIdIcon sectionId={sid} title={sid} key={sid} size={20} />
+                            <SectionIdIcon sectionId={sid} key={sid} size={20} />
                         )}
                     </div>
                 ),
+                tooltip: (result) => result.sectionIds.join(', '),
             },
             {
                 name: 'Time/Run',