Merge branch 'main' of github.com:hypertrace/hypertrace-ui into ModifyDefaultSizeOptionToggleSwitch

Author: Patricio Albizu

package-lock.json

@@ -35,7 +35,7 @@
     "@angular/platform-browser": "^11.2.0",
     "@angular/platform-browser-dynamic": "^11.2.0",
     "@angular/router": "^11.2.0",
-    "@apollo/client": "^3.3.10",
+    "@apollo/client": "^3.3.11",
     "@hypertrace/hyperdash": "^1.2.1",
     "@hypertrace/hyperdash-angular": "^2.5.0",
     "@types/d3-hierarchy": "^2.0.0",

package.json

@@ -1,11 +1,18 @@
 @import 'mixins';
 @import 'layout';
 
-.table {
+.table-container {
   position: relative;
   display: flex;
   flex-direction: column;
-  flex: 1 1;
+  height: 100%;
+  width: 100%;
+}
+
+.table {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
   height: 100%;
   width: 100%;
   overflow: auto;
@@ -116,6 +123,7 @@
 .pagination-controls {
   position: fixed;
   width: 100%;
+  height: #{$paginator-height};
   bottom: 0;
   background: white;
 }

projects/components/src/table/table.component.scss

@@ -59,7 +59,7 @@ import { TableColumnConfigExtended, TableService } from './table.service';
   styleUrls: ['./table.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
-    <div class="table">
+    <div class="table-container">
       <cdk-table
         *ngIf="this.dataSource"
         [multiTemplateDataRows]="this.isDetailType()"