Fixed: Series index table header when banners are shown

frontend/src/Series/Index/Table/SeriesIndexHeader.css

@@ -10,6 +10,10 @@
   flex: 4 0 110px;
 }
 
+.banner {
+  flex: 0 0 379px;
+}
+
 .network {
   composes: headerCell from 'Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Series/Index/Table/SeriesIndexHeader.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import classNames from 'classnames';
 import { icons } from 'Helpers/Props';
 import IconButton from 'Components/Link/IconButton';
 import VirtualTableHeader from 'Components/Table/VirtualTableHeader';
@@ -37,7 +38,7 @@ class SeriesIndexHeader extends Component {
 
   render() {
     const {
-      showSearchAction,
+      showBanners,
       columns,
       onTableOptionChange,
       ...otherProps
@@ -78,7 +79,10 @@ class SeriesIndexHeader extends Component {
             return (
               <VirtualTableHeaderCell
                 key={name}
-                className={styles[name]}
+                className={classNames(
+                  styles[name],
+                  name === 'sortTitle' && showBanners && styles.banner
+                )}
                 name={name}
                 isSortable={isSortable}
                 {...otherProps}
@@ -102,6 +106,7 @@ class SeriesIndexHeader extends Component {
 }
 
 SeriesIndexHeader.propTypes = {
+  showBanners: PropTypes.bool.isRequired,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
   onTableOptionChange: PropTypes.func.isRequired
 };

frontend/src/Series/Index/Table/SeriesIndexTable.js

@@ -95,6 +95,7 @@ class SeriesIndexTable extends Component {
         rowRenderer={this.rowRenderer}
         header={
           <SeriesIndexHeaderConnector
+            showBanners={showBanners}
             columns={columns}
             sortKey={sortKey}
             sortDirection={sortDirection}