diff --git a/src/header-wrapper.jsx b/src/header-wrapper.jsx index 5e098ee..0b67b52 100644 --- a/src/header-wrapper.jsx +++ b/src/header-wrapper.jsx @@ -96,75 +96,75 @@ class HeaderWrapper extends PureComponent { ); } - } - const fDimCellsStyle = { - ...baseCSS, - cursor: 'default', - fontSize: `${16 + vLetterSizeHeader} px`, - height: '70px', - verticalAlign: 'middle', - width: '230px' - }; + const fDimCellsStyle = { + ...baseCSS, + cursor: 'default', + fontSize: `${16 + vLetterSizeHeader} px`, + height: '70px', + verticalAlign: 'middle', + width: '230px' + }; - return ( - - - - {LabelsArray[0] + ExtraLabelsArray[0]} - - {SecondHeader.map((entry, entryIndex) => { - // TODO: seperator element is reused a bunch, only difference being font-size - const hasSeperator = vSeparatorCols && nSecond > 0; - const seperatorStyle = { - color: 'white', - fontFamily: vFontFamily, - fontSize: `${12 + vLetterSize} px` - }; - const seperatorElement = ( - - * - - ); - let sufixWrap = ''; - if ((entry.length > 11 && vLetterSizeHeader === 0) || (entry.length > 12 && vLetterSizeHeader === -2)) { - sufixWrap = '70'; - } else { - sufixWrap = 'Empty'; - } - const gridCells2Style = { - ...baseCSS, - fontSize: `${14 + vLetterSizeHeader} px`, - height: '70px', - verticalAlign: 'middle' - }; - const wrapStyle = { - fontFamily: vFontFamily - }; - return ( - - {hasSeperator && seperatorElement} + return ( + + + + {LabelsArray[0] + ExtraLabelsArray[0]} + + {SecondHeader.map((entry, entryIndex) => { + // TODO: seperator element is reused a bunch, only difference being font-size + const hasSeperator = vSeparatorCols && nSecond > 0; + const seperatorStyle = { + color: 'white', + fontFamily: vFontFamily, + fontSize: `${12 + vLetterSize} px` + }; + const seperatorElement = ( - - {entry} - + * - - ); - })} - - ); + ); + let sufixWrap = ''; + if ((entry.length > 11 && vLetterSizeHeader === 0) || (entry.length > 12 && vLetterSizeHeader === -2)) { + sufixWrap = '70'; + } else { + sufixWrap = 'Empty'; + } + const gridCells2Style = { + ...baseCSS, + fontSize: `${14 + vLetterSizeHeader} px`, + height: '70px', + verticalAlign: 'middle' + }; + const wrapStyle = { + fontFamily: vFontFamily + }; + return ( + + {hasSeperator && seperatorElement} + + + {entry} + + + + ); + })} + + ); + } } renderSecondDimensionSubTitles () {