[O2B-1575] Make runs per lhc period title flex row (#2126)

* Reestablish lhcPeriod name appearing inline
---------

Co-authored-by: GuustMetz <guust.metz@cern.ch>
Co-authored-by: Isaac Hill <71404865+isaachilly@users.noreply.github.com>

Author: 3 people

lib/public/views/Runs/RunPerPeriod/RunsPerLhcPeriodOverviewPage.js

@@ -109,7 +109,7 @@ export const RunsPerLhcPeriodOverviewPage = ({ runs: { perLhcPeriodOverviewModel
         h('.flex-row.justify-between.items-center.g2', [
             filtersPanelPopover(perLhcPeriodOverviewModel, activeColumns, { profile: 'runsPerLhcPeriod' }),
             h('.pl2#runOverviewFilter', runNumbersFilter(perLhcPeriodOverviewModel.filteringModel.get('runNumbers'))),
-            h('h2', ['Good physics runs of ', lhcPeriodName]),
+            h('h2.flex-row', ['Good, physics runs of ', lhcPeriodName]),
             mcReproducibleAsNotBadToggle(
                 mcReproducibleAsNotBad,
                 () => perLhcPeriodOverviewModel.setMcReproducibleAsNotBad(!mcReproducibleAsNotBad),