fix: align view headers with columns

Author: mtrezza

src/dashboard/Data/Views/Views.react.js

@@ -176,7 +176,10 @@ class Views extends TableView {
           <div className={tableStyles.content}>{content}</div>
         </LoaderContainer>
         {toolbar}
-        <div className={tableStyles.headers} style={{ width: this.state.tableWidth }}>
+        <div
+          className={tableStyles.headers}
+          style={{ width: this.state.tableWidth, right: 'auto' }}
+        >
           {headers}
         </div>
         {extras}

src/dashboard/Data/Views/Views.scss

@@ -1,5 +1,9 @@
 @import 'stylesheets/globals.scss';
 
+.headers {
+  right: auto;
+}
+
 .headerWrap {
   display: inline-block;
   vertical-align: top;
@@ -42,6 +46,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: none;
 }
 
 .pointerLink {