fix pe rLHC periods

Author: xsalonx

lib/public/components/TabbedPanel/tabbedPanelComponent.js

@@ -14,7 +14,6 @@ import { tabLink } from '../common/navigation/tabLink.js';
  */
 export const tabbedPanelComponent = (tabbedPanelModel, panelsTitles, panelsBodies, configuration) => {
     const { panelClass = 'p2' } = configuration || {};
-
     return [
         h(
             'ul.nav.nav-tabs',

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

@@ -82,7 +82,7 @@ export const RunsPerLhcPeriodOverviewPage = ({ runs: { perLhcPeriodOverviewModel
      * @param {object} detectorsActiveColumns active columns
      * @return {Component} table with pagination
      */
-    const getTableWithGivenDetectorsColumns = (detectorsActiveColumns) => h('.flex-column.w-100', [
+    const getTableWithGivenDetectorsColumns = (detectorsActiveColumns) =>
         table(
 
             /*
@@ -100,16 +100,14 @@ export const RunsPerLhcPeriodOverviewPage = ({ runs: { perLhcPeriodOverviewModel
                 ...displayOptions,
             },
             { sort: sortModel },
-        ),
-        paginationComponent(perLhcPeriodOverviewModel.pagination),
-    ]);
+        );
 
-    return h('', [
+    return h('.intermediate-flex-column', [
         h('.flex-row.justify-between.g2', [
             h('h2', `Good, physics runs of ${lhcPeriodName}`),
             exportRunsTriggerAndModal(perLhcPeriodOverviewModel, modalModel),
         ]),
-        tabbedPanelComponent(
+        ...tabbedPanelComponent(
             tabbedPanelModel,
             {
                 [RUNS_PER_LHC_PERIOD_PANELS_KEYS.DETECTOR_QUALITIES]: 'Qualities of detectors',
@@ -131,7 +129,10 @@ export const RunsPerLhcPeriodOverviewPage = ({ runs: { perLhcPeriodOverviewModel
                         },
                     )),
             },
+            {
+                panelClass: ['p2', 'scroll-auto'],
+            }
         ),
-
+        paginationComponent(perLhcPeriodOverviewModel.pagination),
     ]);
 };