U Table top view code

SE/se-lib/TableAjax.php.TableAjax.js

@@ -1115,19 +1115,21 @@ var TableAjax = function() {
 		_uiNodeSelectedInfo = document.createElement('div')
 		_uiNodeSpecialFilters = document.createElement('div') // .tblAjax__head__specialFilter
 		var topWrap = document.createElement('div')
-		var topWrapLeft = document.createElement('div')
-		var topWrapRight = document.createElement('div')
-		topWrap.appendChild(topWrapLeft)
-		topWrap.appendChild(topWrapRight)
-		topWrapLeft.style.width = '' + priv.getStickyColsSumWidth() + 'px'
-		topWrapLeft.style.padding = '4px'
-		topWrapLeft.style.float = 'left'
-		topWrapLeft.style.fontSize = '12px'
-		topWrapLeft.style.lineHeight = '22px'
-		topWrapRight.style.float = 'left'
-		topWrapRight.style.padding = '4px'
-		topWrapLeft.appendChild(_uiNodeSelectedInfo)
-		topWrapRight.appendChild(_uiNodeSpecialFilters)
+		var topLeftWrap = document.createElement('div')
+		var topRightWrap = document.createElement('div')
+		topWrap.appendChild(topLeftWrap)
+		topWrap.appendChild(topRightWrap)
+		topWrap.style.padding = '12px 0'
+		topWrap.style.borderTop = '1px solid #ddd'
+		topWrap.style.borderBottom = '1px solid #ddd'
+		topWrap.style.overflow = 'hidden'
+		topLeftWrap.style.width = '' + priv.getStickyColsSumWidth() + 'px'
+		topLeftWrap.style.float = 'left'
+		topLeftWrap.style.fontSize = '12px'
+		topLeftWrap.style.lineHeight = '22px'
+		topRightWrap.style.float = 'left'
+		topLeftWrap.appendChild(_uiNodeSelectedInfo)
+		topRightWrap.appendChild(_uiNodeSpecialFilters)
 		_uiNodeCont.parentNode.insertBefore(topWrap, _uiNodeCont)
 
 		priv.renderInlineEditBox();// .tblAjax__inlineEditBox

SE/se-lib/TableAjax.php.p5UI__selected.js

@@ -106,9 +106,12 @@ var P5UI__TableAjaxSelectedInfo = createReactClass({
 	},
 	render: function () {
 		DBG && console.log('DBG::P5UI__TableAjaxSelectedInfo::render (ns:'+this.props.namespace+')', { props: this.props, state: this.state });
-		return h('div', { style: {
-			padding: '0 4px'
-		} }, [
+		return h('div', {
+			className: "p5UI__TableAjaxSelectedInfo",
+			style: {
+				padding: '0 0 0 12px'
+			}
+		}, [
 			h('span', {}, "Wybrano " + this.state.totalSelected),
 			(this.state.totalSelected > 0) ? h('i', {
 				onClick: this.handleUnselectAll,