styling

Author: stutrek

src/FixedDataTableCell.react.js

@@ -185,6 +185,7 @@ var FixedDataTableCell = React.createClass({
         'public/fixedDataTableCell/alignRight': props.align === 'right',
         'public/fixedDataTableCell/highlighted': props.highlighted,
         'public/fixedDataTableCell/main': true,
+        'public/fixedDataTableCell/hasReorderHandle': !!props.onColumnReorder,
         'public/fixedDataTableCell/reordering': this.state.isReorderingThisColumn,
       }),
       props.className,

src/css/style/fixedDataTableCell.css

@@ -28,3 +28,6 @@
 .public/fixedDataTableCell/columnResizerKnob {
   background-color: #0284ff;
 }
+.public/fixedDataTableCell/hasReorderHandle .public/fixedDataTableCell/cellContent {
+	margin-left: 12px;
+}

src/css/style/fixedDataTableColumnReorder.css

@@ -3,8 +3,15 @@
  */
 .fixedDataTableCellLayout/columnReorderContainer {
   border-color: #0284ff;
-  background-color: black;
-  width: 10px;
-  margin-right: -10px;
+  background-color: rgba(0,0,0,0.1);
+  width: 12px;
+  margin-right: -12px;
   float: left;
 }
+.fixedDataTableCellLayout/columnReorderContainer:after {
+	content: '::';
+	position: absolute;
+	top: 50%;
+	left: 1px;
+	transform: translateY(-50%);
+}