@gooddata/sdk-ui-dashboard 10.44.0-alpha.3 → 10.44.0-alpha.4

package/styles/css/main.css

@@ -314,49 +314,46 @@
 }
 
 /**
- * FixedDataTable v1.2.22 
- *
  * Copyright Schrodinger, LLC
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
- */
-/**
- * Copyright Schrodinger, LLC
- * All rights reserved.
  *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
+ * @providesModule Scrollbar
  *
- * @providesModule fixedDataTableCellGroupLayout
  */
-.fixedDataTableCellGroupLayout_cellGroup {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  left: 0;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  white-space: nowrap;
+/**
+ * Scrollbars.
+ */
+/* Touching the scroll-track directly makes the scroll-track bolder */
+.public_Scrollbar_main.public_Scrollbar_mainActive,
+.public_Scrollbar_main {
+  background-color: #fff;
+  border-left: 1px solid #d3d3d3;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
-  right: 0;
-  left: auto;
+.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
+.fixedDataTable_isRTL .public_Scrollbar_main {
+  border-right: 1px solid #d3d3d3;
+  border-left-width: 0;
 }
 
-.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
-  display: inline-block;
-  vertical-align: top;
-  white-space: normal;
+.public_Scrollbar_mainOpaque,
+.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
+.public_Scrollbar_mainOpaque:hover {
+  background-color: #fff;
 }
 
-.fixedDataTableCellGroupLayout_cellGroupWrapper {
-  position: absolute;
-  top: 0;
+.public_Scrollbar_face:after {
+  background-color: #c2c2c2;
+}
+
+.public_Scrollbar_main:hover .public_Scrollbar_face:after,
+.public_Scrollbar_mainActive .public_Scrollbar_face:after,
+.public_Scrollbar_faceActive:after {
+  background-color: #7d7d7d;
 }
 
 /**
@@ -367,86 +364,87 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCellLayout
+ * @providesModule fixedDataTableCell
  */
-.fixedDataTableCellLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  border-width: 0 1px 0 0;
-  box-sizing: border-box;
-  display: block;
-  overflow: hidden;
-  position: absolute;
-  white-space: normal;
-}
-
-.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
+/**
+ * Table cell.
+ */
+.public_fixedDataTableCell_main {
+  background-color: #fff;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableCellLayout_lastChild {
-  border-width: 0 1px 1px 0;
+.public_fixedDataTableCell_highlighted {
+  background-color: #f4f4f4;
 }
 
-.fixedDataTableCellLayout_alignRight {
-  text-align: right;
+.public_fixedDataTableCell_cellContent {
+  padding: 8px;
 }
 
-.fixedDataTableCellLayout_alignCenter {
-  text-align: center;
+.public_fixedDataTableCell_columnResizerKnob {
+  background-color: #0284ff;
 }
 
-.fixedDataTableCellLayout_wrap {
-  display: table-cell;
-  vertical-align: middle;
-  box-sizing: border-box;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: 12px;
 }
 
-.fixedDataTableCellLayout_wrap1 {
-  display: table;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-left: 20px;
 }
 
-.fixedDataTableCellLayout_wrap2 {
-  display: table-row;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: auto;
+  margin-right: 12px;
 }
 
-.fixedDataTableCellLayout_wrap3 {
-  display: table-cell;
-  vertical-align: middle;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-right: 20px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer {
-  position: absolute;
-  right: 0px;
-  width: 6px;
-  z-index: 1;
+.public_fixedDataTableCell_reordering {
+  z-index: 2;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
-  left: 0px;
-  right: auto;
+.public_fixedDataTableCell_resizeReorderCellContainer {
+  position: fixed;
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+  border-color: #d3d3d3;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover {
-  cursor: ew-resize;
+/**
+ * Column reorder goodies.
+ */
+.fixedDataTableCellLayout_columnReorderContainer {
+  border-color: #0284ff;
+  background-color: rgba(0, 0, 0, 0.1);
+  width: 12px;
+  margin-right: -12px;
+  float: left;
+  cursor: move;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
-  visibility: visible;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
+  margin-right: auto;
+  margin-left: -12px;
+  float: right;
 }
 
-.fixedDataTableCellLayout_columnResizerKnob {
+.fixedDataTableCellLayout_columnReorderContainer:after {
+  content: "::";
   position: absolute;
-  right: 0px;
-  visibility: hidden;
-  width: 4px;
+  top: 50%;
+  left: 1px;
+  transform: translateY(-50%);
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerKnob {
-  left: 0px;
-  right: auto;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
+  left: auto;
+  right: 1px;
 }
 
 /**
@@ -457,37 +455,15 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLineLayout
+ * @providesModule fixedDataTableColumnResizerLine
+ *
  */
-.fixedDataTableColumnResizerLineLayout_mouseArea {
-  cursor: ew-resize;
-  position: absolute;
-  right: -5px;
-  width: 12px;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
-  right: auto;
-  left: -5px;
-}
-
-.fixedDataTableColumnResizerLineLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 10;
-  pointer-events: none;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
-}
-
-.fixedDataTableColumnResizerLineLayout_hiddenElem {
-  display: none !important;
+/**
+ * Column resizer line.
+ */
+.public_fixedDataTableColumnResizerLine_main {
+  border-color: #0284ff;
+  width: 1px;
 }
 
 /**
@@ -498,43 +474,53 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableLayout
+ * @providesModule fixedDataTable
+ *
  */
-.fixedDataTableLayout_main {
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
+/**
+ * Table.
+ */
+.public_fixedDataTable_main {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_header,
-.fixedDataTableLayout_hasBottomBorder {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
+.public_fixedDataTable_header,
+.public_fixedDataTable_hasBottomBorder {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
-  border-top-style: solid;
-  border-top-width: 1px;
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  font-weight: bold;
 }
 
-.fixedDataTableLayout_topShadow,
-.fixedDataTableLayout_bottomShadow {
-  height: 4px;
-  left: 0;
+.public_fixedDataTable_header,
+.public_fixedDataTable_scrollbarSpacer,
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+}
+
+.public_fixedDataTable_scrollbarSpacer {
   position: absolute;
-  right: 0;
-  z-index: 1;
+  z-index: 99;
+  top: 0;
 }
 
-.fixedDataTableLayout_bottomShadow {
-  margin-top: -4px;
+.public_fixedDataTable_footer .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_rowsContainer {
-  overflow: hidden;
-  position: relative;
+.public_fixedDataTable_topShadow {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_bottomShadow {
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
+  background-color: #fff;
 }
 
 /**
@@ -545,62 +531,34 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRowLayout
+ * @providesModule fixedDataTableRow
  */
-.fixedDataTableRowLayout_main {
-  box-sizing: border-box;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_body {
-  left: 0;
-  right: 0;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_rowExpanded {
-  box-sizing: border-box;
-  left: 0;
-  position: absolute;
-}
-
-.fixedDataTableRowLayout_fixedColumnsDivider {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  border-left-style: solid;
-  border-left-width: 1px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 0;
+/**
+ * Table row.
+ */
+.public_fixedDataTableRow_main {
+  background-color: #fff;
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
-  border-left-width: 0;
-  border-right-style: solid;
-  border-right-width: 1px;
+.public_fixedDataTableRow_highlighted,
+.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
 }
 
-.fixedDataTableRowLayout_columnsShadow {
-  position: absolute;
-  width: 4px;
+.public_fixedDataTableRow_fixedColumnsDivider {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableRowLayout_columnsRightShadow {
-  right: 1px;
+.public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
-  left: 1px;
-  right: auto;
+.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTableRowLayout_rowWrapper {
-  position: absolute;
-  top: 0;
+.public_fixedDataTableRow_columnsRightShadow {
+  transform: rotate(180deg);
 }
 
 /**
@@ -634,13 +592,6 @@
 .ScrollbarLayout_mainHorizontal {
   height: 15px;
   left: 0;
-  transition-property: background-color height;
-}
-
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
-.ScrollbarLayout_mainHorizontal:hover {
-  height: 17px;
 }
 
 .ScrollbarLayout_face {
@@ -648,9 +599,10 @@
   overflow: hidden;
   position: absolute;
   z-index: 1;
-  transition-duration: 250ms;
-  transition-timing-function: ease;
-  transition-property: width;
+  /* keep the thumb aligned to the center */
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 /**
@@ -664,7 +616,9 @@
   content: "";
   display: block;
   position: absolute;
-  transition: background-color 250ms ease;
+  transition-duration: 250ms;
+  transition-timing-function: ease;
+  transition-property: background-color, height, width;
 }
 
 .ScrollbarLayout_faceHorizontal {
@@ -674,10 +628,8 @@
 }
 
 .ScrollbarLayout_faceHorizontal:after {
-  bottom: 4px;
-  left: 0;
-  top: 4px;
   width: 100%;
+  height: calc(100% - 8px);
 }
 
 .fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal,
@@ -686,9 +638,10 @@
   left: auto;
 }
 
+/* expand horizontal scrollbar face when active */
 .ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
-  bottom: 2px;
+  height: calc(100% - 4px);
 }
 
 .ScrollbarLayout_faceVertical {
@@ -699,15 +652,13 @@
 
 .ScrollbarLayout_faceVertical:after {
   height: 100%;
-  left: 4px;
-  right: 4px;
-  top: 0;
+  width: calc(100% - 8px);
 }
 
+/* expand veritcal scrollbar face when active */
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
 .ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
-  left: 2px;
-  right: 2px;
+  width: calc(100% - 4px);
 }
 
 /**
@@ -718,53 +669,32 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTable
- *
- */
-/**
- * Table.
+ * @providesModule fixedDataTableCellGroupLayout
  */
-.public_fixedDataTable_main {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_hasBottomBorder {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  font-weight: bold;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_scrollbarSpacer,
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  background-image: linear-gradient(#fff, #efefef);
-}
-
-.public_fixedDataTable_scrollbarSpacer {
+.fixedDataTableCellGroupLayout_cellGroup {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  left: 0;
+  overflow: hidden;
   position: absolute;
-  z-index: 99;
   top: 0;
+  white-space: nowrap;
 }
 
-.public_fixedDataTable_footer .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_topShadow {
-  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
+  right: 0;
+  left: auto;
 }
 
-.public_fixedDataTable_bottomShadow {
-  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
+  display: inline-block;
+  vertical-align: top;
+  white-space: normal;
 }
 
-.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
-  background-color: #fff;
+.fixedDataTableCellGroupLayout_cellGroupWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /**
@@ -775,74 +705,71 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCell
- */
-/**
- * Table cell.
+ * @providesModule fixedDataTableCellLayout
  */
-.public_fixedDataTableCell_main {
-  background-color: #fff;
-  border-color: #d3d3d3;
+.fixedDataTableCellLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  position: absolute;
+  white-space: normal;
 }
 
-.public_fixedDataTableCell_highlighted {
-  background-color: #f4f4f4;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
-.public_fixedDataTableCell_cellContent {
-  padding: 8px;
+.fixedDataTableCellLayout_lastChild {
+  border-width: 0 1px 1px 0;
 }
 
-.public_fixedDataTableCell_columnResizerKnob {
-  background-color: #0284ff;
+.fixedDataTableCellLayout_alignRight {
+  text-align: right;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: 12px;
+.fixedDataTableCellLayout_alignCenter {
+  text-align: center;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-left: 20px;
+.fixedDataTableCellLayout_wrap {
+  display: table-cell;
+  vertical-align: middle;
+  box-sizing: border-box;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: auto;
-  margin-right: 12px;
+.fixedDataTableCellLayout_wrap1 {
+  display: table;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-right: 20px;
+.fixedDataTableCellLayout_wrap2 {
+  display: table-row;
 }
 
-/**
- * Column reorder goodies.
- */
-.fixedDataTableCellLayout_columnReorderContainer {
-  border-color: #0284ff;
-  background-color: rgba(0, 0, 0, 0.1);
-  width: 12px;
-  margin-right: -12px;
-  float: left;
-  cursor: move;
+.fixedDataTableCellLayout_wrap3 {
+  display: table-cell;
+  vertical-align: middle;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
-  margin-right: auto;
-  margin-left: -12px;
-  float: right;
+.fixedDataTableCellLayout_columnResizerContainer {
+  position: absolute;
+  right: 0px;
+  width: 6px;
+  z-index: 1;
 }
 
-.fixedDataTableCellLayout_columnReorderContainer:after {
-  content: "::";
-  position: absolute;
-  top: 50%;
-  left: 1px;
-  transform: translateY(-50%);
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
+  left: 0px;
+  right: auto;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
-  left: auto;
-  right: 1px;
+.fixedDataTableCellLayout_columnResizerContainer:hover {
+  cursor: ew-resize;
+  background-color: #0284ff;
 }
 
 /**
@@ -853,14 +780,33 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLine
- *
- */
-/**
- * Column resizer line.
+ * @providesModule fixedDataTableColumnResizerLineLayout
  */
-.public_fixedDataTableColumnResizerLine_main {
-  border-color: #0284ff;
+.fixedDataTableColumnResizerLineLayout_mouseArea {
+  cursor: ew-resize;
+  position: absolute;
+  right: -5px;
+  width: 12px;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
+  right: auto;
+  left: -5px;
+}
+
+.fixedDataTableColumnResizerLineLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 100;
+  pointer-events: none;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
 /**
@@ -871,34 +817,43 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRow
- */
-/**
- * Table row.
+ * @providesModule fixedDataTableLayout
  */
-.public_fixedDataTableRow_main {
-  background-color: #fff;
-}
+.fixedDataTableLayout_main {
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
+}
 
-.public_fixedDataTableRow_highlighted,
-.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
+.fixedDataTableLayout_header,
+.fixedDataTableLayout_hasBottomBorder {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
-.public_fixedDataTableRow_fixedColumnsDivider {
-  border-color: #d3d3d3;
+.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
+  border-top-style: solid;
+  border-top-width: 1px;
 }
 
-.public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_topShadow,
+.fixedDataTableLayout_bottomShadow {
+  height: 4px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_bottomShadow {
+  margin-top: -4px;
 }
 
-.public_fixedDataTableRow_columnsRightShadow {
-  transform: rotate(180deg);
+.fixedDataTableLayout_rowsContainer {
+  overflow: hidden;
+  position: relative;
 }
 
 /**
@@ -909,39 +864,62 @@
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule Scrollbar
- *
- */
-/**
- * Scrollbars.
+ * @providesModule fixedDataTableRowLayout
  */
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.public_Scrollbar_main.public_Scrollbar_mainActive,
-.public_Scrollbar_main {
-  background-color: #fff;
-  border-left: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_main {
+  box-sizing: border-box;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
 }
 
-.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
-.fixedDataTable_isRTL .public_Scrollbar_main {
-  border-right: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_body {
+  left: 0;
+  right: 0;
+  position: absolute;
+  top: 0;
+}
+
+.fixedDataTableRowLayout_rowExpanded {
+  box-sizing: border-box;
+  left: 0;
+  position: absolute;
+}
+
+.fixedDataTableRowLayout_fixedColumnsDivider {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  border-left-style: solid;
+  border-left-width: 1px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
   border-left-width: 0;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.public_Scrollbar_mainOpaque,
-.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
-.public_Scrollbar_mainOpaque:hover {
-  background-color: #fff;
+.fixedDataTableRowLayout_columnsShadow {
+  position: absolute;
+  width: 4px;
 }
 
-.public_Scrollbar_face:after {
-  background-color: #c2c2c2;
+.fixedDataTableRowLayout_columnsRightShadow {
+  right: 1px;
 }
 
-.public_Scrollbar_main:hover .public_Scrollbar_face:after,
-.public_Scrollbar_mainActive .public_Scrollbar_face:after,
-.public_Scrollbar_faceActive:after {
-  background-color: #7d7d7d;
+.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
+  left: 1px;
+  right: auto;
+}
+
+.fixedDataTableRowLayout_rowWrapper {
+  position: absolute;
+  top: 0;
 }
 
 .animation-fadeIn,
@@ -2393,49 +2371,46 @@ button.gd-list-item {
 
 
 /**
- * FixedDataTable v1.2.22 
- *
  * Copyright Schrodinger, LLC
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
- */
-/**
- * Copyright Schrodinger, LLC
- * All rights reserved.
  *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
+ * @providesModule Scrollbar
  *
- * @providesModule fixedDataTableCellGroupLayout
  */
-.fixedDataTableCellGroupLayout_cellGroup {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  left: 0;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  white-space: nowrap;
+/**
+ * Scrollbars.
+ */
+/* Touching the scroll-track directly makes the scroll-track bolder */
+.public_Scrollbar_main.public_Scrollbar_mainActive,
+.public_Scrollbar_main {
+  background-color: #fff;
+  border-left: 1px solid #d3d3d3;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
-  right: 0;
-  left: auto;
+.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
+.fixedDataTable_isRTL .public_Scrollbar_main {
+  border-right: 1px solid #d3d3d3;
+  border-left-width: 0;
 }
 
-.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
-  display: inline-block;
-  vertical-align: top;
-  white-space: normal;
+.public_Scrollbar_mainOpaque,
+.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
+.public_Scrollbar_mainOpaque:hover {
+  background-color: #fff;
 }
 
-.fixedDataTableCellGroupLayout_cellGroupWrapper {
-  position: absolute;
-  top: 0;
+.public_Scrollbar_face:after {
+  background-color: #c2c2c2;
+}
+
+.public_Scrollbar_main:hover .public_Scrollbar_face:after,
+.public_Scrollbar_mainActive .public_Scrollbar_face:after,
+.public_Scrollbar_faceActive:after {
+  background-color: #7d7d7d;
 }
 
 /**
@@ -2446,86 +2421,87 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCellLayout
+ * @providesModule fixedDataTableCell
  */
-.fixedDataTableCellLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  border-width: 0 1px 0 0;
-  box-sizing: border-box;
-  display: block;
-  overflow: hidden;
-  position: absolute;
-  white-space: normal;
+/**
+ * Table cell.
+ */
+.public_fixedDataTableCell_main {
+  background-color: #fff;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
+.public_fixedDataTableCell_highlighted {
+  background-color: #f4f4f4;
 }
 
-.fixedDataTableCellLayout_lastChild {
-  border-width: 0 1px 1px 0;
+.public_fixedDataTableCell_cellContent {
+  padding: 8px;
 }
 
-.fixedDataTableCellLayout_alignRight {
-  text-align: right;
+.public_fixedDataTableCell_columnResizerKnob {
+  background-color: #0284ff;
 }
 
-.fixedDataTableCellLayout_alignCenter {
-  text-align: center;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: 12px;
 }
 
-.fixedDataTableCellLayout_wrap {
-  display: table-cell;
-  vertical-align: middle;
-  box-sizing: border-box;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-left: 20px;
 }
 
-.fixedDataTableCellLayout_wrap1 {
-  display: table;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: auto;
+  margin-right: 12px;
 }
 
-.fixedDataTableCellLayout_wrap2 {
-  display: table-row;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-right: 20px;
 }
 
-.fixedDataTableCellLayout_wrap3 {
-  display: table-cell;
-  vertical-align: middle;
+.public_fixedDataTableCell_reordering {
+  z-index: 2;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer {
-  position: absolute;
-  right: 0px;
-  width: 6px;
-  z-index: 1;
+.public_fixedDataTableCell_resizeReorderCellContainer {
+  position: fixed;
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+  border-color: #d3d3d3;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
-  left: 0px;
-  right: auto;
+/**
+ * Column reorder goodies.
+ */
+.fixedDataTableCellLayout_columnReorderContainer {
+  border-color: #0284ff;
+  background-color: rgba(0, 0, 0, 0.1);
+  width: 12px;
+  margin-right: -12px;
+  float: left;
+  cursor: move;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover {
-  cursor: ew-resize;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
+  margin-right: auto;
+  margin-left: -12px;
+  float: right;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
-  visibility: visible;
+.fixedDataTableCellLayout_columnReorderContainer:after {
+  content: "::";
+  position: absolute;
+  top: 50%;
+  left: 1px;
+  transform: translateY(-50%);
 }
 
-.fixedDataTableCellLayout_columnResizerKnob {
-  position: absolute;
-  right: 0px;
-  visibility: hidden;
-  width: 4px;
-}
-
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerKnob {
-  left: 0px;
-  right: auto;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
+  left: auto;
+  right: 1px;
 }
 
 /**
@@ -2536,37 +2512,15 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLineLayout
+ * @providesModule fixedDataTableColumnResizerLine
+ *
  */
-.fixedDataTableColumnResizerLineLayout_mouseArea {
-  cursor: ew-resize;
-  position: absolute;
-  right: -5px;
-  width: 12px;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
-  right: auto;
-  left: -5px;
-}
-
-.fixedDataTableColumnResizerLineLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 10;
-  pointer-events: none;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
-}
-
-.fixedDataTableColumnResizerLineLayout_hiddenElem {
-  display: none !important;
+/**
+ * Column resizer line.
+ */
+.public_fixedDataTableColumnResizerLine_main {
+  border-color: #0284ff;
+  width: 1px;
 }
 
 /**
@@ -2577,43 +2531,53 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableLayout
+ * @providesModule fixedDataTable
+ *
  */
-.fixedDataTableLayout_main {
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
+/**
+ * Table.
+ */
+.public_fixedDataTable_main {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_header,
-.fixedDataTableLayout_hasBottomBorder {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
+.public_fixedDataTable_header,
+.public_fixedDataTable_hasBottomBorder {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
-  border-top-style: solid;
-  border-top-width: 1px;
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  font-weight: bold;
 }
 
-.fixedDataTableLayout_topShadow,
-.fixedDataTableLayout_bottomShadow {
-  height: 4px;
-  left: 0;
+.public_fixedDataTable_header,
+.public_fixedDataTable_scrollbarSpacer,
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+}
+
+.public_fixedDataTable_scrollbarSpacer {
   position: absolute;
-  right: 0;
-  z-index: 1;
+  z-index: 99;
+  top: 0;
 }
 
-.fixedDataTableLayout_bottomShadow {
-  margin-top: -4px;
+.public_fixedDataTable_footer .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_rowsContainer {
-  overflow: hidden;
-  position: relative;
+.public_fixedDataTable_topShadow {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_bottomShadow {
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
+  background-color: #fff;
 }
 
 /**
@@ -2624,62 +2588,34 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRowLayout
+ * @providesModule fixedDataTableRow
  */
-.fixedDataTableRowLayout_main {
-  box-sizing: border-box;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_body {
-  left: 0;
-  right: 0;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_rowExpanded {
-  box-sizing: border-box;
-  left: 0;
-  position: absolute;
-}
-
-.fixedDataTableRowLayout_fixedColumnsDivider {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  border-left-style: solid;
-  border-left-width: 1px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 0;
+/**
+ * Table row.
+ */
+.public_fixedDataTableRow_main {
+  background-color: #fff;
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
-  border-left-width: 0;
-  border-right-style: solid;
-  border-right-width: 1px;
+.public_fixedDataTableRow_highlighted,
+.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
 }
 
-.fixedDataTableRowLayout_columnsShadow {
-  position: absolute;
-  width: 4px;
+.public_fixedDataTableRow_fixedColumnsDivider {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableRowLayout_columnsRightShadow {
-  right: 1px;
+.public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
-  left: 1px;
-  right: auto;
+.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTableRowLayout_rowWrapper {
-  position: absolute;
-  top: 0;
+.public_fixedDataTableRow_columnsRightShadow {
+  transform: rotate(180deg);
 }
 
 /**
@@ -2713,13 +2649,6 @@ button.gd-list-item {
 .ScrollbarLayout_mainHorizontal {
   height: 15px;
   left: 0;
-  transition-property: background-color height;
-}
-
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
-.ScrollbarLayout_mainHorizontal:hover {
-  height: 17px;
 }
 
 .ScrollbarLayout_face {
@@ -2727,9 +2656,10 @@ button.gd-list-item {
   overflow: hidden;
   position: absolute;
   z-index: 1;
-  transition-duration: 250ms;
-  transition-timing-function: ease;
-  transition-property: width;
+  /* keep the thumb aligned to the center */
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 /**
@@ -2743,7 +2673,9 @@ button.gd-list-item {
   content: "";
   display: block;
   position: absolute;
-  transition: background-color 250ms ease;
+  transition-duration: 250ms;
+  transition-timing-function: ease;
+  transition-property: background-color, height, width;
 }
 
 .ScrollbarLayout_faceHorizontal {
@@ -2753,10 +2685,8 @@ button.gd-list-item {
 }
 
 .ScrollbarLayout_faceHorizontal:after {
-  bottom: 4px;
-  left: 0;
-  top: 4px;
   width: 100%;
+  height: calc(100% - 8px);
 }
 
 .fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal,
@@ -2765,9 +2695,10 @@ button.gd-list-item {
   left: auto;
 }
 
+/* expand horizontal scrollbar face when active */
 .ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
-  bottom: 2px;
+  height: calc(100% - 4px);
 }
 
 .ScrollbarLayout_faceVertical {
@@ -2778,15 +2709,13 @@ button.gd-list-item {
 
 .ScrollbarLayout_faceVertical:after {
   height: 100%;
-  left: 4px;
-  right: 4px;
-  top: 0;
+  width: calc(100% - 8px);
 }
 
+/* expand veritcal scrollbar face when active */
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
 .ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
-  left: 2px;
-  right: 2px;
+  width: calc(100% - 4px);
 }
 
 /**
@@ -2797,53 +2726,32 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTable
- *
- */
-/**
- * Table.
+ * @providesModule fixedDataTableCellGroupLayout
  */
-.public_fixedDataTable_main {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_hasBottomBorder {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  font-weight: bold;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_scrollbarSpacer,
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  background-image: linear-gradient(#fff, #efefef);
-}
-
-.public_fixedDataTable_scrollbarSpacer {
+.fixedDataTableCellGroupLayout_cellGroup {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  left: 0;
+  overflow: hidden;
   position: absolute;
-  z-index: 99;
   top: 0;
+  white-space: nowrap;
 }
 
-.public_fixedDataTable_footer .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_topShadow {
-  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
+  right: 0;
+  left: auto;
 }
 
-.public_fixedDataTable_bottomShadow {
-  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
+  display: inline-block;
+  vertical-align: top;
+  white-space: normal;
 }
 
-.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
-  background-color: #fff;
+.fixedDataTableCellGroupLayout_cellGroupWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /**
@@ -2854,74 +2762,71 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCell
- */
-/**
- * Table cell.
+ * @providesModule fixedDataTableCellLayout
  */
-.public_fixedDataTableCell_main {
-  background-color: #fff;
-  border-color: #d3d3d3;
+.fixedDataTableCellLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  position: absolute;
+  white-space: normal;
 }
 
-.public_fixedDataTableCell_highlighted {
-  background-color: #f4f4f4;
-}
-
-.public_fixedDataTableCell_cellContent {
-  padding: 8px;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
-.public_fixedDataTableCell_columnResizerKnob {
-  background-color: #0284ff;
+.fixedDataTableCellLayout_lastChild {
+  border-width: 0 1px 1px 0;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: 12px;
+.fixedDataTableCellLayout_alignRight {
+  text-align: right;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-left: 20px;
+.fixedDataTableCellLayout_alignCenter {
+  text-align: center;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: auto;
-  margin-right: 12px;
+.fixedDataTableCellLayout_wrap {
+  display: table-cell;
+  vertical-align: middle;
+  box-sizing: border-box;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-right: 20px;
+.fixedDataTableCellLayout_wrap1 {
+  display: table;
 }
 
-/**
- * Column reorder goodies.
- */
-.fixedDataTableCellLayout_columnReorderContainer {
-  border-color: #0284ff;
-  background-color: rgba(0, 0, 0, 0.1);
-  width: 12px;
-  margin-right: -12px;
-  float: left;
-  cursor: move;
+.fixedDataTableCellLayout_wrap2 {
+  display: table-row;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
-  margin-right: auto;
-  margin-left: -12px;
-  float: right;
+.fixedDataTableCellLayout_wrap3 {
+  display: table-cell;
+  vertical-align: middle;
 }
 
-.fixedDataTableCellLayout_columnReorderContainer:after {
-  content: "::";
+.fixedDataTableCellLayout_columnResizerContainer {
   position: absolute;
-  top: 50%;
-  left: 1px;
-  transform: translateY(-50%);
+  right: 0px;
+  width: 6px;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
-  left: auto;
-  right: 1px;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
+  left: 0px;
+  right: auto;
+}
+
+.fixedDataTableCellLayout_columnResizerContainer:hover {
+  cursor: ew-resize;
+  background-color: #0284ff;
 }
 
 /**
@@ -2932,14 +2837,33 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLine
- *
- */
-/**
- * Column resizer line.
+ * @providesModule fixedDataTableColumnResizerLineLayout
  */
-.public_fixedDataTableColumnResizerLine_main {
-  border-color: #0284ff;
+.fixedDataTableColumnResizerLineLayout_mouseArea {
+  cursor: ew-resize;
+  position: absolute;
+  right: -5px;
+  width: 12px;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
+  right: auto;
+  left: -5px;
+}
+
+.fixedDataTableColumnResizerLineLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 100;
+  pointer-events: none;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
 /**
@@ -2950,34 +2874,43 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRow
- */
-/**
- * Table row.
+ * @providesModule fixedDataTableLayout
  */
-.public_fixedDataTableRow_main {
-  background-color: #fff;
+.fixedDataTableLayout_main {
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
 }
 
-.public_fixedDataTableRow_highlighted,
-.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
+.fixedDataTableLayout_header,
+.fixedDataTableLayout_hasBottomBorder {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
-.public_fixedDataTableRow_fixedColumnsDivider {
-  border-color: #d3d3d3;
+.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
+  border-top-style: solid;
+  border-top-width: 1px;
 }
 
-.public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_topShadow,
+.fixedDataTableLayout_bottomShadow {
+  height: 4px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_bottomShadow {
+  margin-top: -4px;
 }
 
-.public_fixedDataTableRow_columnsRightShadow {
-  transform: rotate(180deg);
+.fixedDataTableLayout_rowsContainer {
+  overflow: hidden;
+  position: relative;
 }
 
 /**
@@ -2988,39 +2921,62 @@ button.gd-list-item {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule Scrollbar
- *
- */
-/**
- * Scrollbars.
+ * @providesModule fixedDataTableRowLayout
  */
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.public_Scrollbar_main.public_Scrollbar_mainActive,
-.public_Scrollbar_main {
-  background-color: #fff;
-  border-left: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_main {
+  box-sizing: border-box;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
 }
 
-.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
-.fixedDataTable_isRTL .public_Scrollbar_main {
-  border-right: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_body {
+  left: 0;
+  right: 0;
+  position: absolute;
+  top: 0;
+}
+
+.fixedDataTableRowLayout_rowExpanded {
+  box-sizing: border-box;
+  left: 0;
+  position: absolute;
+}
+
+.fixedDataTableRowLayout_fixedColumnsDivider {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  border-left-style: solid;
+  border-left-width: 1px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
   border-left-width: 0;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.public_Scrollbar_mainOpaque,
-.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
-.public_Scrollbar_mainOpaque:hover {
-  background-color: #fff;
+.fixedDataTableRowLayout_columnsShadow {
+  position: absolute;
+  width: 4px;
 }
 
-.public_Scrollbar_face:after {
-  background-color: #c2c2c2;
+.fixedDataTableRowLayout_columnsRightShadow {
+  right: 1px;
 }
 
-.public_Scrollbar_main:hover .public_Scrollbar_face:after,
-.public_Scrollbar_mainActive .public_Scrollbar_face:after,
-.public_Scrollbar_faceActive:after {
-  background-color: #7d7d7d;
+.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
+  left: 1px;
+  right: auto;
+}
+
+.fixedDataTableRowLayout_rowWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /* 0, 640px */
@@ -7876,15 +7832,48 @@ div.gd-empty-item-bubble {
 }
 
 /**
- * FixedDataTable v1.2.22 
- *
  * Copyright Schrodinger, LLC
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule Scrollbar
+ *
+ */
+/**
+ * Scrollbars.
  */
+/* Touching the scroll-track directly makes the scroll-track bolder */
+.public_Scrollbar_main.public_Scrollbar_mainActive,
+.public_Scrollbar_main {
+  background-color: #fff;
+  border-left: 1px solid #d3d3d3;
+}
+
+.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
+.fixedDataTable_isRTL .public_Scrollbar_main {
+  border-right: 1px solid #d3d3d3;
+  border-left-width: 0;
+}
+
+.public_Scrollbar_mainOpaque,
+.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
+.public_Scrollbar_mainOpaque:hover {
+  background-color: #fff;
+}
+
+.public_Scrollbar_face:after {
+  background-color: #c2c2c2;
+}
+
+.public_Scrollbar_main:hover .public_Scrollbar_face:after,
+.public_Scrollbar_mainActive .public_Scrollbar_face:after,
+.public_Scrollbar_faceActive:after {
+  background-color: #7d7d7d;
+}
+
 /**
  * Copyright Schrodinger, LLC
  * All rights reserved.
@@ -7893,122 +7882,87 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCellGroupLayout
+ * @providesModule fixedDataTableCell
  */
-.fixedDataTableCellGroupLayout_cellGroup {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  left: 0;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  white-space: nowrap;
-}
-
-.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
-  right: 0;
-  left: auto;
-}
-
-.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
-  display: inline-block;
-  vertical-align: top;
-  white-space: normal;
-}
-
-.fixedDataTableCellGroupLayout_cellGroupWrapper {
-  position: absolute;
-  top: 0;
-}
-
 /**
- * Copyright Schrodinger, LLC
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule fixedDataTableCellLayout
+ * Table cell.
  */
-.fixedDataTableCellLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  border-width: 0 1px 0 0;
-  box-sizing: border-box;
-  display: block;
-  overflow: hidden;
-  position: absolute;
-  white-space: normal;
-}
-
-.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
+.public_fixedDataTableCell_main {
+  background-color: #fff;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableCellLayout_lastChild {
-  border-width: 0 1px 1px 0;
+.public_fixedDataTableCell_highlighted {
+  background-color: #f4f4f4;
 }
 
-.fixedDataTableCellLayout_alignRight {
-  text-align: right;
+.public_fixedDataTableCell_cellContent {
+  padding: 8px;
 }
 
-.fixedDataTableCellLayout_alignCenter {
-  text-align: center;
+.public_fixedDataTableCell_columnResizerKnob {
+  background-color: #0284ff;
 }
 
-.fixedDataTableCellLayout_wrap {
-  display: table-cell;
-  vertical-align: middle;
-  box-sizing: border-box;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: 12px;
 }
 
-.fixedDataTableCellLayout_wrap1 {
-  display: table;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-left: 20px;
 }
 
-.fixedDataTableCellLayout_wrap2 {
-  display: table-row;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: auto;
+  margin-right: 12px;
 }
 
-.fixedDataTableCellLayout_wrap3 {
-  display: table-cell;
-  vertical-align: middle;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-right: 20px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer {
-  position: absolute;
-  right: 0px;
-  width: 6px;
-  z-index: 1;
+.public_fixedDataTableCell_reordering {
+  z-index: 2;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
-  left: 0px;
-  right: auto;
+.public_fixedDataTableCell_resizeReorderCellContainer {
+  position: fixed;
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+  border-color: #d3d3d3;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover {
-  cursor: ew-resize;
+/**
+ * Column reorder goodies.
+ */
+.fixedDataTableCellLayout_columnReorderContainer {
+  border-color: #0284ff;
+  background-color: rgba(0, 0, 0, 0.1);
+  width: 12px;
+  margin-right: -12px;
+  float: left;
+  cursor: move;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
-  visibility: visible;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
+  margin-right: auto;
+  margin-left: -12px;
+  float: right;
 }
 
-.fixedDataTableCellLayout_columnResizerKnob {
+.fixedDataTableCellLayout_columnReorderContainer:after {
+  content: "::";
   position: absolute;
-  right: 0px;
-  visibility: hidden;
-  width: 4px;
+  top: 50%;
+  left: 1px;
+  transform: translateY(-50%);
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerKnob {
-  left: 0px;
-  right: auto;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
+  left: auto;
+  right: 1px;
 }
 
 /**
@@ -8019,37 +7973,15 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLineLayout
+ * @providesModule fixedDataTableColumnResizerLine
+ *
  */
-.fixedDataTableColumnResizerLineLayout_mouseArea {
-  cursor: ew-resize;
-  position: absolute;
-  right: -5px;
-  width: 12px;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
-  right: auto;
-  left: -5px;
-}
-
-.fixedDataTableColumnResizerLineLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 10;
-  pointer-events: none;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
-}
-
-.fixedDataTableColumnResizerLineLayout_hiddenElem {
-  display: none !important;
+/**
+ * Column resizer line.
+ */
+.public_fixedDataTableColumnResizerLine_main {
+  border-color: #0284ff;
+  width: 1px;
 }
 
 /**
@@ -8060,43 +7992,53 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableLayout
+ * @providesModule fixedDataTable
+ *
  */
-.fixedDataTableLayout_main {
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
+/**
+ * Table.
+ */
+.public_fixedDataTable_main {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_header,
-.fixedDataTableLayout_hasBottomBorder {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
+.public_fixedDataTable_header,
+.public_fixedDataTable_hasBottomBorder {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
-  border-top-style: solid;
-  border-top-width: 1px;
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  font-weight: bold;
 }
 
-.fixedDataTableLayout_topShadow,
-.fixedDataTableLayout_bottomShadow {
-  height: 4px;
-  left: 0;
+.public_fixedDataTable_header,
+.public_fixedDataTable_scrollbarSpacer,
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+}
+
+.public_fixedDataTable_scrollbarSpacer {
   position: absolute;
-  right: 0;
-  z-index: 1;
+  z-index: 99;
+  top: 0;
 }
 
-.fixedDataTableLayout_bottomShadow {
-  margin-top: -4px;
+.public_fixedDataTable_footer .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_rowsContainer {
-  overflow: hidden;
-  position: relative;
+.public_fixedDataTable_topShadow {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_bottomShadow {
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
+  background-color: #fff;
 }
 
 /**
@@ -8107,62 +8049,34 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRowLayout
+ * @providesModule fixedDataTableRow
  */
-.fixedDataTableRowLayout_main {
-  box-sizing: border-box;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_body {
-  left: 0;
-  right: 0;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_rowExpanded {
-  box-sizing: border-box;
-  left: 0;
-  position: absolute;
-}
-
-.fixedDataTableRowLayout_fixedColumnsDivider {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  border-left-style: solid;
-  border-left-width: 1px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 0;
+/**
+ * Table row.
+ */
+.public_fixedDataTableRow_main {
+  background-color: #fff;
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
-  border-left-width: 0;
-  border-right-style: solid;
-  border-right-width: 1px;
+.public_fixedDataTableRow_highlighted,
+.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
 }
 
-.fixedDataTableRowLayout_columnsShadow {
-  position: absolute;
-  width: 4px;
+.public_fixedDataTableRow_fixedColumnsDivider {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableRowLayout_columnsRightShadow {
-  right: 1px;
+.public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
-  left: 1px;
-  right: auto;
+.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTableRowLayout_rowWrapper {
-  position: absolute;
-  top: 0;
+.public_fixedDataTableRow_columnsRightShadow {
+  transform: rotate(180deg);
 }
 
 /**
@@ -8196,13 +8110,6 @@ div.gd-empty-item-bubble {
 .ScrollbarLayout_mainHorizontal {
   height: 15px;
   left: 0;
-  transition-property: background-color height;
-}
-
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
-.ScrollbarLayout_mainHorizontal:hover {
-  height: 17px;
 }
 
 .ScrollbarLayout_face {
@@ -8210,9 +8117,10 @@ div.gd-empty-item-bubble {
   overflow: hidden;
   position: absolute;
   z-index: 1;
-  transition-duration: 250ms;
-  transition-timing-function: ease;
-  transition-property: width;
+  /* keep the thumb aligned to the center */
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 /**
@@ -8226,7 +8134,9 @@ div.gd-empty-item-bubble {
   content: "";
   display: block;
   position: absolute;
-  transition: background-color 250ms ease;
+  transition-duration: 250ms;
+  transition-timing-function: ease;
+  transition-property: background-color, height, width;
 }
 
 .ScrollbarLayout_faceHorizontal {
@@ -8236,10 +8146,8 @@ div.gd-empty-item-bubble {
 }
 
 .ScrollbarLayout_faceHorizontal:after {
-  bottom: 4px;
-  left: 0;
-  top: 4px;
   width: 100%;
+  height: calc(100% - 8px);
 }
 
 .fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal,
@@ -8248,9 +8156,10 @@ div.gd-empty-item-bubble {
   left: auto;
 }
 
+/* expand horizontal scrollbar face when active */
 .ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
-  bottom: 2px;
+  height: calc(100% - 4px);
 }
 
 .ScrollbarLayout_faceVertical {
@@ -8261,15 +8170,13 @@ div.gd-empty-item-bubble {
 
 .ScrollbarLayout_faceVertical:after {
   height: 100%;
-  left: 4px;
-  right: 4px;
-  top: 0;
+  width: calc(100% - 8px);
 }
 
+/* expand veritcal scrollbar face when active */
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
 .ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
-  left: 2px;
-  right: 2px;
+  width: calc(100% - 4px);
 }
 
 /**
@@ -8280,53 +8187,32 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTable
- *
- */
-/**
- * Table.
+ * @providesModule fixedDataTableCellGroupLayout
  */
-.public_fixedDataTable_main {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_hasBottomBorder {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  font-weight: bold;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_scrollbarSpacer,
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  background-image: linear-gradient(#fff, #efefef);
-}
-
-.public_fixedDataTable_scrollbarSpacer {
+.fixedDataTableCellGroupLayout_cellGroup {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  left: 0;
+  overflow: hidden;
   position: absolute;
-  z-index: 99;
   top: 0;
+  white-space: nowrap;
 }
 
-.public_fixedDataTable_footer .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_topShadow {
-  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
+  right: 0;
+  left: auto;
 }
 
-.public_fixedDataTable_bottomShadow {
-  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
+  display: inline-block;
+  vertical-align: top;
+  white-space: normal;
 }
 
-.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
-  background-color: #fff;
+.fixedDataTableCellGroupLayout_cellGroupWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /**
@@ -8337,74 +8223,71 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCell
- */
-/**
- * Table cell.
+ * @providesModule fixedDataTableCellLayout
  */
-.public_fixedDataTableCell_main {
-  background-color: #fff;
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTableCell_highlighted {
-  background-color: #f4f4f4;
+.fixedDataTableCellLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  position: absolute;
+  white-space: normal;
 }
 
-.public_fixedDataTableCell_cellContent {
-  padding: 8px;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
-.public_fixedDataTableCell_columnResizerKnob {
-  background-color: #0284ff;
+.fixedDataTableCellLayout_lastChild {
+  border-width: 0 1px 1px 0;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: 12px;
+.fixedDataTableCellLayout_alignRight {
+  text-align: right;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-left: 20px;
+.fixedDataTableCellLayout_alignCenter {
+  text-align: center;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: auto;
-  margin-right: 12px;
+.fixedDataTableCellLayout_wrap {
+  display: table-cell;
+  vertical-align: middle;
+  box-sizing: border-box;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-right: 20px;
+.fixedDataTableCellLayout_wrap1 {
+  display: table;
 }
 
-/**
- * Column reorder goodies.
- */
-.fixedDataTableCellLayout_columnReorderContainer {
-  border-color: #0284ff;
-  background-color: rgba(0, 0, 0, 0.1);
-  width: 12px;
-  margin-right: -12px;
-  float: left;
-  cursor: move;
+.fixedDataTableCellLayout_wrap2 {
+  display: table-row;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
-  margin-right: auto;
-  margin-left: -12px;
-  float: right;
+.fixedDataTableCellLayout_wrap3 {
+  display: table-cell;
+  vertical-align: middle;
 }
 
-.fixedDataTableCellLayout_columnReorderContainer:after {
-  content: "::";
+.fixedDataTableCellLayout_columnResizerContainer {
   position: absolute;
-  top: 50%;
-  left: 1px;
-  transform: translateY(-50%);
+  right: 0px;
+  width: 6px;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
-  left: auto;
-  right: 1px;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
+  left: 0px;
+  right: auto;
+}
+
+.fixedDataTableCellLayout_columnResizerContainer:hover {
+  cursor: ew-resize;
+  background-color: #0284ff;
 }
 
 /**
@@ -8415,14 +8298,33 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLine
- *
- */
-/**
- * Column resizer line.
+ * @providesModule fixedDataTableColumnResizerLineLayout
  */
-.public_fixedDataTableColumnResizerLine_main {
-  border-color: #0284ff;
+.fixedDataTableColumnResizerLineLayout_mouseArea {
+  cursor: ew-resize;
+  position: absolute;
+  right: -5px;
+  width: 12px;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
+  right: auto;
+  left: -5px;
+}
+
+.fixedDataTableColumnResizerLineLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 100;
+  pointer-events: none;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
 /**
@@ -8433,34 +8335,43 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRow
- */
-/**
- * Table row.
+ * @providesModule fixedDataTableLayout
  */
-.public_fixedDataTableRow_main {
-  background-color: #fff;
+.fixedDataTableLayout_main {
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
 }
 
-.public_fixedDataTableRow_highlighted,
-.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
+.fixedDataTableLayout_header,
+.fixedDataTableLayout_hasBottomBorder {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
-.public_fixedDataTableRow_fixedColumnsDivider {
-  border-color: #d3d3d3;
+.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
+  border-top-style: solid;
+  border-top-width: 1px;
 }
 
-.public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_topShadow,
+.fixedDataTableLayout_bottomShadow {
+  height: 4px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_bottomShadow {
+  margin-top: -4px;
 }
 
-.public_fixedDataTableRow_columnsRightShadow {
-  transform: rotate(180deg);
+.fixedDataTableLayout_rowsContainer {
+  overflow: hidden;
+  position: relative;
 }
 
 /**
@@ -8471,39 +8382,62 @@ div.gd-empty-item-bubble {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule Scrollbar
- *
- */
-/**
- * Scrollbars.
+ * @providesModule fixedDataTableRowLayout
  */
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.public_Scrollbar_main.public_Scrollbar_mainActive,
-.public_Scrollbar_main {
-  background-color: #fff;
-  border-left: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_main {
+  box-sizing: border-box;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
 }
 
-.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
-.fixedDataTable_isRTL .public_Scrollbar_main {
-  border-right: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_body {
+  left: 0;
+  right: 0;
+  position: absolute;
+  top: 0;
+}
+
+.fixedDataTableRowLayout_rowExpanded {
+  box-sizing: border-box;
+  left: 0;
+  position: absolute;
+}
+
+.fixedDataTableRowLayout_fixedColumnsDivider {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  border-left-style: solid;
+  border-left-width: 1px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
   border-left-width: 0;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.public_Scrollbar_mainOpaque,
-.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
-.public_Scrollbar_mainOpaque:hover {
-  background-color: #fff;
+.fixedDataTableRowLayout_columnsShadow {
+  position: absolute;
+  width: 4px;
 }
 
-.public_Scrollbar_face:after {
-  background-color: #c2c2c2;
+.fixedDataTableRowLayout_columnsRightShadow {
+  right: 1px;
 }
 
-.public_Scrollbar_main:hover .public_Scrollbar_face:after,
-.public_Scrollbar_mainActive .public_Scrollbar_face:after,
-.public_Scrollbar_faceActive:after {
-  background-color: #7d7d7d;
+.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
+  left: 1px;
+  right: auto;
+}
+
+.fixedDataTableRowLayout_rowWrapper {
+  position: absolute;
+  top: 0;
 }
 
 .animation-fadeIn,
@@ -13694,49 +13628,46 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /**
- * FixedDataTable v1.2.22 
- *
  * Copyright Schrodinger, LLC
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
- */
-/**
- * Copyright Schrodinger, LLC
- * All rights reserved.
  *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
+ * @providesModule Scrollbar
  *
- * @providesModule fixedDataTableCellGroupLayout
  */
-.fixedDataTableCellGroupLayout_cellGroup {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  left: 0;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  white-space: nowrap;
+/**
+ * Scrollbars.
+ */
+/* Touching the scroll-track directly makes the scroll-track bolder */
+.public_Scrollbar_main.public_Scrollbar_mainActive,
+.public_Scrollbar_main {
+  background-color: #fff;
+  border-left: 1px solid #d3d3d3;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
-  right: 0;
-  left: auto;
+.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
+.fixedDataTable_isRTL .public_Scrollbar_main {
+  border-right: 1px solid #d3d3d3;
+  border-left-width: 0;
 }
 
-.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
-  display: inline-block;
-  vertical-align: top;
-  white-space: normal;
+.public_Scrollbar_mainOpaque,
+.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
+.public_Scrollbar_mainOpaque:hover {
+  background-color: #fff;
 }
 
-.fixedDataTableCellGroupLayout_cellGroupWrapper {
-  position: absolute;
-  top: 0;
+.public_Scrollbar_face:after {
+  background-color: #c2c2c2;
+}
+
+.public_Scrollbar_main:hover .public_Scrollbar_face:after,
+.public_Scrollbar_mainActive .public_Scrollbar_face:after,
+.public_Scrollbar_faceActive:after {
+  background-color: #7d7d7d;
 }
 
 /**
@@ -13747,86 +13678,87 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCellLayout
+ * @providesModule fixedDataTableCell
  */
-.fixedDataTableCellLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  border-width: 0 1px 0 0;
-  box-sizing: border-box;
-  display: block;
-  overflow: hidden;
-  position: absolute;
-  white-space: normal;
-}
-
-.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
+/**
+ * Table cell.
+ */
+.public_fixedDataTableCell_main {
+  background-color: #fff;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableCellLayout_lastChild {
-  border-width: 0 1px 1px 0;
+.public_fixedDataTableCell_highlighted {
+  background-color: #f4f4f4;
 }
 
-.fixedDataTableCellLayout_alignRight {
-  text-align: right;
+.public_fixedDataTableCell_cellContent {
+  padding: 8px;
 }
 
-.fixedDataTableCellLayout_alignCenter {
-  text-align: center;
+.public_fixedDataTableCell_columnResizerKnob {
+  background-color: #0284ff;
 }
 
-.fixedDataTableCellLayout_wrap {
-  display: table-cell;
-  vertical-align: middle;
-  box-sizing: border-box;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: 12px;
 }
 
-.fixedDataTableCellLayout_wrap1 {
-  display: table;
+.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-left: 20px;
 }
 
-.fixedDataTableCellLayout_wrap2 {
-  display: table-row;
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
+  margin-left: auto;
+  margin-right: 12px;
 }
-
-.fixedDataTableCellLayout_wrap3 {
-  display: table-cell;
-  vertical-align: middle;
+
+.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
+  padding-right: 20px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer {
-  position: absolute;
-  right: 0px;
-  width: 6px;
-  z-index: 1;
+.public_fixedDataTableCell_reordering {
+  z-index: 2;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
-  left: 0px;
-  right: auto;
+.public_fixedDataTableCell_resizeReorderCellContainer {
+  position: fixed;
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+  border-color: #d3d3d3;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover {
-  cursor: ew-resize;
+/**
+ * Column reorder goodies.
+ */
+.fixedDataTableCellLayout_columnReorderContainer {
+  border-color: #0284ff;
+  background-color: rgba(0, 0, 0, 0.1);
+  width: 12px;
+  margin-right: -12px;
+  float: left;
+  cursor: move;
 }
 
-.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
-  visibility: visible;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
+  margin-right: auto;
+  margin-left: -12px;
+  float: right;
 }
 
-.fixedDataTableCellLayout_columnResizerKnob {
+.fixedDataTableCellLayout_columnReorderContainer:after {
+  content: "::";
   position: absolute;
-  right: 0px;
-  visibility: hidden;
-  width: 4px;
+  top: 50%;
+  left: 1px;
+  transform: translateY(-50%);
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerKnob {
-  left: 0px;
-  right: auto;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
+  left: auto;
+  right: 1px;
 }
 
 /**
@@ -13837,37 +13769,15 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLineLayout
+ * @providesModule fixedDataTableColumnResizerLine
+ *
  */
-.fixedDataTableColumnResizerLineLayout_mouseArea {
-  cursor: ew-resize;
-  position: absolute;
-  right: -5px;
-  width: 12px;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
-  right: auto;
-  left: -5px;
-}
-
-.fixedDataTableColumnResizerLineLayout_main {
-  border-right-style: solid;
-  border-right-width: 1px;
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 10;
-  pointer-events: none;
-}
-
-.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
-  border-right-width: 0;
-  border-left-style: solid;
-  border-left-width: 1px;
-}
-
-.fixedDataTableColumnResizerLineLayout_hiddenElem {
-  display: none !important;
+/**
+ * Column resizer line.
+ */
+.public_fixedDataTableColumnResizerLine_main {
+  border-color: #0284ff;
+  width: 1px;
 }
 
 /**
@@ -13878,43 +13788,53 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableLayout
+ * @providesModule fixedDataTable
+ *
  */
-.fixedDataTableLayout_main {
-  border-style: solid;
-  border-width: 1px;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
+/**
+ * Table.
+ */
+.public_fixedDataTable_main {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_header,
-.fixedDataTableLayout_hasBottomBorder {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
+.public_fixedDataTable_header,
+.public_fixedDataTable_hasBottomBorder {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
-  border-top-style: solid;
-  border-top-width: 1px;
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  font-weight: bold;
 }
 
-.fixedDataTableLayout_topShadow,
-.fixedDataTableLayout_bottomShadow {
-  height: 4px;
-  left: 0;
+.public_fixedDataTable_header,
+.public_fixedDataTable_scrollbarSpacer,
+.public_fixedDataTable_header .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  background-image: linear-gradient(#fff, #efefef);
+}
+
+.public_fixedDataTable_scrollbarSpacer {
   position: absolute;
-  right: 0;
-  z-index: 1;
+  z-index: 99;
+  top: 0;
 }
 
-.fixedDataTableLayout_bottomShadow {
-  margin-top: -4px;
+.public_fixedDataTable_footer .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableLayout_rowsContainer {
-  overflow: hidden;
-  position: relative;
+.public_fixedDataTable_topShadow {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_bottomShadow {
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
+  background-color: #fff;
 }
 
 /**
@@ -13925,62 +13845,34 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRowLayout
+ * @providesModule fixedDataTableRow
  */
-.fixedDataTableRowLayout_main {
-  box-sizing: border-box;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_body {
-  left: 0;
-  right: 0;
-  position: absolute;
-  top: 0;
-}
-
-.fixedDataTableRowLayout_rowExpanded {
-  box-sizing: border-box;
-  left: 0;
-  position: absolute;
-}
-
-.fixedDataTableRowLayout_fixedColumnsDivider {
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  border-left-style: solid;
-  border-left-width: 1px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 0;
+/**
+ * Table row.
+ */
+.public_fixedDataTableRow_main {
+  background-color: #fff;
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
-  border-left-width: 0;
-  border-right-style: solid;
-  border-right-width: 1px;
+.public_fixedDataTableRow_highlighted,
+.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
+  background-color: #f6f7f8;
 }
 
-.fixedDataTableRowLayout_columnsShadow {
-  position: absolute;
-  width: 4px;
+.public_fixedDataTableRow_fixedColumnsDivider {
+  border-color: #d3d3d3;
 }
 
-.fixedDataTableRowLayout_columnsRightShadow {
-  right: 1px;
+.public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
-  left: 1px;
-  right: auto;
+.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
+  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
 }
 
-.fixedDataTableRowLayout_rowWrapper {
-  position: absolute;
-  top: 0;
+.public_fixedDataTableRow_columnsRightShadow {
+  transform: rotate(180deg);
 }
 
 /**
@@ -14014,13 +13906,6 @@ input[type=search]::-webkit-search-cancel-button {
 .ScrollbarLayout_mainHorizontal {
   height: 15px;
   left: 0;
-  transition-property: background-color height;
-}
-
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
-.ScrollbarLayout_mainHorizontal:hover {
-  height: 17px;
 }
 
 .ScrollbarLayout_face {
@@ -14028,9 +13913,10 @@ input[type=search]::-webkit-search-cancel-button {
   overflow: hidden;
   position: absolute;
   z-index: 1;
-  transition-duration: 250ms;
-  transition-timing-function: ease;
-  transition-property: width;
+  /* keep the thumb aligned to the center */
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 /**
@@ -14044,7 +13930,9 @@ input[type=search]::-webkit-search-cancel-button {
   content: "";
   display: block;
   position: absolute;
-  transition: background-color 250ms ease;
+  transition-duration: 250ms;
+  transition-timing-function: ease;
+  transition-property: background-color, height, width;
 }
 
 .ScrollbarLayout_faceHorizontal {
@@ -14054,10 +13942,8 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .ScrollbarLayout_faceHorizontal:after {
-  bottom: 4px;
-  left: 0;
-  top: 4px;
   width: 100%;
+  height: calc(100% - 8px);
 }
 
 .fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal,
@@ -14066,9 +13952,10 @@ input[type=search]::-webkit-search-cancel-button {
   left: auto;
 }
 
+/* expand horizontal scrollbar face when active */
 .ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
-  bottom: 2px;
+  height: calc(100% - 4px);
 }
 
 .ScrollbarLayout_faceVertical {
@@ -14079,15 +13966,13 @@ input[type=search]::-webkit-search-cancel-button {
 
 .ScrollbarLayout_faceVertical:after {
   height: 100%;
-  left: 4px;
-  right: 4px;
-  top: 0;
+  width: calc(100% - 8px);
 }
 
+/* expand veritcal scrollbar face when active */
 .ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
 .ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
-  left: 2px;
-  right: 2px;
+  width: calc(100% - 4px);
 }
 
 /**
@@ -14098,53 +13983,32 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTable
- *
- */
-/**
- * Table.
+ * @providesModule fixedDataTableCellGroupLayout
  */
-.public_fixedDataTable_main {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_hasBottomBorder {
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  font-weight: bold;
-}
-
-.public_fixedDataTable_header,
-.public_fixedDataTable_scrollbarSpacer,
-.public_fixedDataTable_header .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  background-image: linear-gradient(#fff, #efefef);
-}
-
-.public_fixedDataTable_scrollbarSpacer {
+.fixedDataTableCellGroupLayout_cellGroup {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  left: 0;
+  overflow: hidden;
   position: absolute;
-  z-index: 99;
   top: 0;
+  white-space: nowrap;
 }
 
-.public_fixedDataTable_footer .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
-  border-color: #d3d3d3;
-}
-
-.public_fixedDataTable_topShadow {
-  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup {
+  right: 0;
+  left: auto;
 }
 
-.public_fixedDataTable_bottomShadow {
-  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
+  display: inline-block;
+  vertical-align: top;
+  white-space: normal;
 }
 
-.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
-  background-color: #fff;
+.fixedDataTableCellGroupLayout_cellGroupWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /**
@@ -14155,74 +14019,71 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableCell
- */
-/**
- * Table cell.
+ * @providesModule fixedDataTableCellLayout
  */
-.public_fixedDataTableCell_main {
-  background-color: #fff;
-  border-color: #d3d3d3;
+.fixedDataTableCellLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  position: absolute;
+  white-space: normal;
 }
 
-.public_fixedDataTableCell_highlighted {
-  background-color: #f4f4f4;
+.fixedDataTable_isRTL .fixedDataTableCellLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
-.public_fixedDataTableCell_cellContent {
-  padding: 8px;
+.fixedDataTableCellLayout_lastChild {
+  border-width: 0 1px 1px 0;
 }
 
-.public_fixedDataTableCell_columnResizerKnob {
-  background-color: #0284ff;
+.fixedDataTableCellLayout_alignRight {
+  text-align: right;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: 12px;
+.fixedDataTableCellLayout_alignCenter {
+  text-align: center;
 }
 
-.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-left: 20px;
+.fixedDataTableCellLayout_wrap {
+  display: table-cell;
+  vertical-align: middle;
+  box-sizing: border-box;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent {
-  margin-left: auto;
-  margin-right: 12px;
+.fixedDataTableCellLayout_wrap1 {
+  display: table;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent {
-  padding-right: 20px;
+.fixedDataTableCellLayout_wrap2 {
+  display: table-row;
 }
 
-/**
- * Column reorder goodies.
- */
-.fixedDataTableCellLayout_columnReorderContainer {
-  border-color: #0284ff;
-  background-color: rgba(0, 0, 0, 0.1);
-  width: 12px;
-  margin-right: -12px;
-  float: left;
-  cursor: move;
+.fixedDataTableCellLayout_wrap3 {
+  display: table-cell;
+  vertical-align: middle;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer {
-  margin-right: auto;
-  margin-left: -12px;
-  float: right;
+.fixedDataTableCellLayout_columnResizerContainer {
+  position: absolute;
+  right: 0px;
+  width: 6px;
+  z-index: 1;
 }
 
-.fixedDataTableCellLayout_columnReorderContainer:after {
-  content: "::";
-  position: absolute;
-  top: 50%;
-  left: 1px;
-  transform: translateY(-50%);
+.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer {
+  left: 0px;
+  right: auto;
 }
 
-.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after {
-  left: auto;
-  right: 1px;
+.fixedDataTableCellLayout_columnResizerContainer:hover {
+  cursor: ew-resize;
+  background-color: #0284ff;
 }
 
 /**
@@ -14233,14 +14094,33 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableColumnResizerLine
- *
- */
-/**
- * Column resizer line.
+ * @providesModule fixedDataTableColumnResizerLineLayout
  */
-.public_fixedDataTableColumnResizerLine_main {
-  border-color: #0284ff;
+.fixedDataTableColumnResizerLineLayout_mouseArea {
+  cursor: ew-resize;
+  position: absolute;
+  right: -5px;
+  width: 12px;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea {
+  right: auto;
+  left: -5px;
+}
+
+.fixedDataTableColumnResizerLineLayout_main {
+  border-right-style: solid;
+  border-right-width: 1px;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 100;
+  pointer-events: none;
+}
+
+.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main {
+  border-right-width: 0;
+  border-left-style: solid;
+  border-left-width: 1px;
 }
 
 /**
@@ -14251,34 +14131,43 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule fixedDataTableRow
- */
-/**
- * Table row.
+ * @providesModule fixedDataTableLayout
  */
-.public_fixedDataTableRow_main {
-  background-color: #fff;
+.fixedDataTableLayout_main {
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  overflow: hidden;
+  position: relative;
 }
 
-.public_fixedDataTableRow_highlighted,
-.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
-  background-color: #f6f7f8;
+.fixedDataTableLayout_header,
+.fixedDataTableLayout_hasBottomBorder {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
 }
 
-.public_fixedDataTableRow_fixedColumnsDivider {
-  border-color: #d3d3d3;
+.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
+  border-top-style: solid;
+  border-top-width: 1px;
 }
 
-.public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_topShadow,
+.fixedDataTableLayout_bottomShadow {
+  height: 4px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 1;
 }
 
-.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow {
-  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+.fixedDataTableLayout_bottomShadow {
+  margin-top: -4px;
 }
 
-.public_fixedDataTableRow_columnsRightShadow {
-  transform: rotate(180deg);
+.fixedDataTableLayout_rowsContainer {
+  overflow: hidden;
+  position: relative;
 }
 
 /**
@@ -14289,39 +14178,62 @@ input[type=search]::-webkit-search-cancel-button {
  * LICENSE file in the root directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
  *
- * @providesModule Scrollbar
- *
- */
-/**
- * Scrollbars.
+ * @providesModule fixedDataTableRowLayout
  */
-/* Touching the scroll-track directly makes the scroll-track bolder */
-.public_Scrollbar_main.public_Scrollbar_mainActive,
-.public_Scrollbar_main {
-  background-color: #fff;
-  border-left: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_main {
+  box-sizing: border-box;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
 }
 
-.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive,
-.fixedDataTable_isRTL .public_Scrollbar_main {
-  border-right: 1px solid #d3d3d3;
+.fixedDataTableRowLayout_body {
+  left: 0;
+  right: 0;
+  position: absolute;
+  top: 0;
+}
+
+.fixedDataTableRowLayout_rowExpanded {
+  box-sizing: border-box;
+  left: 0;
+  position: absolute;
+}
+
+.fixedDataTableRowLayout_fixedColumnsDivider {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  border-left-style: solid;
+  border-left-width: 1px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+
+.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider {
   border-left-width: 0;
+  border-right-style: solid;
+  border-right-width: 1px;
 }
 
-.public_Scrollbar_mainOpaque,
-.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
-.public_Scrollbar_mainOpaque:hover {
-  background-color: #fff;
+.fixedDataTableRowLayout_columnsShadow {
+  position: absolute;
+  width: 4px;
 }
 
-.public_Scrollbar_face:after {
-  background-color: #c2c2c2;
+.fixedDataTableRowLayout_columnsRightShadow {
+  right: 1px;
 }
 
-.public_Scrollbar_main:hover .public_Scrollbar_face:after,
-.public_Scrollbar_mainActive .public_Scrollbar_face:after,
-.public_Scrollbar_faceActive:after {
-  background-color: #7d7d7d;
+.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow {
+  left: 1px;
+  right: auto;
+}
+
+.fixedDataTableRowLayout_rowWrapper {
+  position: absolute;
+  top: 0;
 }
 
 /* 0, 640px */