/* Application-wide corrections to FluentUI's control *behaviour*, as opposed to its colours.
 *
 * Colours belong in orbit-theme.css beside the brand-ink override; per-component styling belongs in that
 * component's scoped .razor.css. This file is for the few rules that have to apply to every instance of a
 * FluentUI element across the whole application, which a scoped stylesheet cannot express. It exists because
 * the host's app.css must not be added to — that is leftover Blazor-template CSS whose selectors the
 * application no longer produces (see Documentation/THEMING.md, "Where colours live").
 *
 * Keep this file small. A rule here overrides a third-party component for every page at once, so each one
 * carries the reason it is justified. */

/* A button's label stays on one line.
 *
 * FluentUI v5's <fluent-button> leaves `white-space: normal` on its content part, so a button squeezed
 * narrower than its label wrapped it onto a second line and grew taller than every other control in its row.
 * That is what made the admin toolbars' "Add ..." buttons two lines tall.
 *
 * Only the wrapping is suppressed. Deliberately no `overflow`/`text-overflow` here: `overflow: hidden` on this
 * flex container would zero its automatic minimum size and let a leading icon shrink away to nothing — the same
 * trap DbcButton.razor.css documents for its own label. Leaving a long label room is the caller's job; see
 * OrbitDataGrid.razor.css for how the data grid toolbar does it.
 *
 * This matches the treatment the self-drawn dashboard controls already give their labels
 * (.dbc-control-label in DbcButton.razor.css). */
fluent-button::part(content) {
    white-space: nowrap;
}